如何在HTML文件中顺利打出javascript代码?
首先Javascript运行模式在客户端,用户访问Javascript中的程序,网页中的Javascript程序传给浏览器,由浏览器处理与解释,在这个期间web是没有发生数据交换和负担的
javascript其编写模式无特殊要求,但是其代码的运行必须放在html文件中才能在浏览器中才能运行,
在html文件Javascript可以在<script>头部可以运行<body>部分也可以运行,但在不同部分进行运行时其将遵循的规则不同(在注意事项1与2中有所描述)。
其在HTML文件中有两种运行方式,(1)将Javascript代码放在头部的<script>(成对标记以<script>开始以</script>结束)标签中
其代码演示为:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">//type属性代表的是脚本的类型,text/javascript(编写的程序是文本文档)
function sum1()
{
var i = 1,sum = 0;
while(i<=100){
sum = sum+i;
i= i+1;
}
document.write("和为多少",sum);
}
</script>
</head>
<body>
<input value="输出状态" name="" type="button" οnclick="sum1"/>
</body>
</html>
对于这个代码,中
(2)将JavaScript代码存为以恶个扩展名为js的独立文件。使用src属性(可选属性用来加载指定的外部js文件)来指向该文件(多为行业内的开发手段)
注意事项:
1,在头部中Javascript必须定义为相关的函数模式function functionname(参数一,参数二,参数三){函数语句},并在body中进行一个相关的触发。其与页面是同时载入的,在body中调用时可以直接执行,提高了脚本执行速度。
2,body运行script时标记中,满足注意事项1的条件,也可以在页面中直接执行显示代码运行的结果。
参考教材:
web前端开发技术---HTML5,css3,JavaScript(第三版)清华大学出版社,储久良
javascript+vue+react全程实例,清华大学出版社,郑钧辉,薛燚