javascript基础基本认识

Posted 2022-04-11 yuan1994

什么是javascript

• 是世界上用的最多的脚本语言。- - 解释型语言 
• 脚本语言：不需要编译，直接运行时边解析边执行的语言。
• 是客户端脚步语言。
• 一种网页编程技术，用来向html页面添加交互行为。
• 一种基于对象和事件驱动的解释性脚本语言，直接嵌入HTML页面，由浏览器解释执行代码，不进行预编译。

JavaScript发展史

• JavaScript的正式名称是“ECMAScript”，此标准由ECMA组织发展和维护
• ECMA-262是正式的JavaScript标准 
• 此标准基于JavaScript(Netscape)和JScript(Microsoft)
• 网景公司在Netscape2.0首先推出了JavaScript
• 微软公司从IE3.0开始提供对客户端JavaScript的支持，并另取名为JScript

JavaScript的特点

• 可以使用任何文本编辑工具编写，只需要浏览器就可以执行程序
• 解释执行：事先不编译，逐行执行
• 基于对象：内置大量现成对象
• 适宜： 
• 客户端数据计算
• 客户端表单合法性验证
• 浏览器事件的触发
• 网页特殊显示效果制作

JavaScript最初的目的

• 判断客户端的输入。 
• 　　对于网页的请求响应，不能都在服务器端进行判断，现在客户端做处理。 
• 　　注意：不能把所有的判断都放在js上，因为浏览器可以禁用javascript。

JavaScript现在延伸

• 页面特效
• 异步和服务器交互（ajax）
• 服务器开发（nodejs）
• 移动端的开发（网页和app）
• 网页小游戏

JavaScript的组成

• ECMAScript ：javascipt的语法规范
• DOM ：操作网页元素的API
• BOM : 操作浏览器部分的功能的API

script标签

　　　HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

　　如需在HTML页面中插入JavaScript，请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始和结束。

　　否则不会执行你所写的js脚本。

 

  标签的属性：

• src: 引入文件
• type: 规定语言类型
• async: 是否异步
• sync: 同步 
  • 　　同步：一个人按照顺序依次处理事情。
  • 　　异步：多人同时执行各个任务。
• defer:异步
• 　　与async的区别：defer等页面加载完成后才执行。async是js获取到就执行。

JavaScript 输出

　　JavaScript可以通过不同的方式来输出数据：

• 使用window.alert()弹出警告框。(弹框)
• 使用document.write()方法将内容写到HTML文档中。(生成页面)
• 使用innerHTML写入到HTML元素。(生成页面)
• 使用console.log()写入到浏览器的控制台(控制台输出：F12)

#1.
<script>
　　alert("Hello World");
</script>
#2.
<script>
　　document.write("<h1>第一天</h1>");
</script>
#3.
<script>
　　document.getElementById("demo").innerHTML = "段落已修改。";
</script>
#4.
<script>
　　console.log(1);
</script>

 

---

---

---

补充

网页内容

• HTML 提供网页内容的显示
• css 美化网页
• javascipt 控制网页行为

对于标签javascript的引用

 

 <script type="text/javascript" ></script>

 <script language="javascript" ></script>

 

　　这二者没有什么不同，language和type 都表示指定脚本语言为javascript(ie默认脚本语言不是javascript)，在浏览器上解释都会出现相同的效果，都可以进行使用，正规的标准写法是:

　　<script language="javascript" type="text/javascript"></script>

　　然而，language这个属性在W3C的HTML标准中，已不再推荐使用。所以以后在编写的时候尽量少使用或者不使用language这个属性。