DW中怎么编写JavaScript脚本语言?

JavaScript017

DW中怎么编写JavaScript脚本语言?,第1张

在任何IDE和编辑器中都可以编写JS前端程序,而我们只需要注意注意JS语言的规范就行了。

目前在HTML文件中,运性JS有两种方式,一种是内嵌代码;另一种是编写单独的JS文件,然后引用。

第一种:内嵌代码

就是在<script type="text/javascript"></script>中直接编写代码,例如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>首页/title>

    <script type="text/javascript">

        alert("我是运性结果")

    </script>

</head>

<body>

</body>

</html>

第二种:外部引用

在<script>标签上添加一个src属性指向文件地址。

例如我们在user.js文件中写上:

alert("我是运性结果")

然后在HTML中引用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>首页</title>

    <script type="text/javascript" src="user.js">

</head>

<body>

</body>

</html>

上面两种的运性结果一样,都是在浏览器中弹出一个提示框

今天,我学习了怎么样编写高效的js代码

1.管理好作用域和作用域链,通过多使用局部变量,减少with和try catch的使用。因为with和catch都是在作用域的顶部增加了一个对象。

2.高效的存取数据。存取数据有四种方式:字面量值,变量,数组元素和对象属性。

3.流控制:最快的条件判断:1)if语句:两个之内的离散值需要判断,大连的值能容易的分到不同的区间范围中。2)switch语句:超过2个少于10个离散值需要判断,条件值是非线性的,无法分离出区间范围。3)数组查询:超过10个值,条件对应的结果是单一值,而不是一系列操作。

4.循环的提升:将循环变量递减到0而不是递增,这样只判断条件是真是假不用做比较了;展开循环:Duff策略:每一次循环完成标准循环的1-8次。通过数组值的总数除以8来确定循环次数。

5.谨慎使用HTMLCollection对象。每次存取这类对象的属性,都会重新查询DOM中匹配的节点。

6.将要连接的字符串存储到数组中,调用join()方法合并在一些浏览器中比+号连接字符串要快点。

7.浏览器会限制js可以运行的最长时间,可以使用定时器将任务拆分执行。从而避免浏览器弹出终止运行的警告。