Javascript语法规范
既然要实现静态HTML页面的某些动态效果,就要引入JavaScript。书写之前至少要了解怎样在HTML页面中引入JavaScript。这样才能知道在哪编程Javascript了!
Javascript 书写位置
JavaScript的引用共有4种,与css类似,直接嵌入到html页面中
1,页头引入(head标签内);
2,页中引入(body标签内);
2,页尾引入(html标签内以及标签外);
3,元素事件中引入(标签属性中引入);
4,引入外部JS文件;
例如:
<!DOCTYPE html> <html> <!-- 脚本放置位置问题: 理论上,可以将javascript代码放在网页的任何地方. 如果在打开网页要立即执行脚本的话,需要放到调用它的代码之前 对于不需要一载入页面就开始执行的javascriptdiamante,可以将器放在head中,这样一般是某个事件函数,当事件触发的时候就会执行. 根据javascript dom编程艺术书中说法,放在body结束标签和html结束标签之间,是一个不错的做法,因为javascript往往是操作DOM树, 这样可以确保在javascript开始执行的时候,DOM树加载完毕。 --> <head> <meta charset="utf-8" /> <title>javascript的引用方式</title> <!-- <script type="text/javascript">......</script>格式是固定的,JavaScript代码必须在<script></script>标签内编写,并且必须设置type属性值为"text/javascript"。 --> <script type="text/javascript"> //这里编写JavaScript程序 </script> </head>
<body> <script type="text/javascript"> //这里编写JavaScript程序 </script> <!-- 文件调用:JavaScript代码写到另一个文件当中(其后缀通常为".js"),然后用格式为"<script src="javascript.js"></script>"的标记把它嵌入到文档中 --> <script src="js1.js" type="text/javascript" charset="utf-8"></script> </body> <script type="text/javascript"> //这里编写JavaScript程序 </script>
</html>
JavaScript的转义字符及注释
\" :转双引
\' :转单引
\n :转换行(不常用)
\r :转回车(不常用)
// :单行注释
/* */ :多行注释
写一个简单的JavaScript程序。
程序永远的Hello, world
<script type="text/javascript">
document.write("Hello, world");
</script>
简单的JavaScript程序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一个简单的javascript程序</title> <script type="text/javascript"> function entermes() { alert("你好!Xiaomo blog") } window.onload=entermes(); </script> </head> <body>
</body> </html>