今天啃的一本javascript的书籍,着手试了一个入门小例子,但我遇到了一个问题:最简单的alert竟然无法弹出数据。
<!--我的JavaScript学习之路-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一课--html中嵌入javascript代码</title>
</head>
<body>
总有一种感动与众不同。
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>
</body>
</html>
虽然我以前用过它仿过网站,但对它最基本的运行方式还一知半解。它不弹出的原因是我未给它添加事件,有点类似于在Android中,未给按钮添加点击事件却妄图它能起到点击效果。
经过更改后的程序是: 注意它:
<body onLoad="sayHi()">
<!--我的JavaScript学习之路-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一课--html中嵌入javascript代码</title>
</head>
<body onLoad="sayHi()">
总有一种感动与众不同。
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>
</body>
</html>
通过今天的看书学习,我学到以下知识:
1、javascript的发展过程:ECMAScript当时并未将1.1版本作为标准;1.2版本时,ECMAScript将1.1版本作为标准,而1.2版本无法兼容1.1版本;1.3版本能兼容ECMAScript,并采用Unicode编码;1.4版本没有内置在Web浏览器中。现在已经发展到1.8.2版本。
2、主流浏览器(火狐、IE、谷歌、Opera、safari)对DOM,BOM兼容性不一致。
3、<script>中的常用元素:defer(延迟到文档全部显示后再执行)、async(立即下载)、src(引入外部的js文件),type的规范使用(text/javascript)。
4、<script>最好是用外部引入,这样可以增加js文件的可复用性,对于复用的js,不用重复加载。将js文件统一写入外部文件中,使程序员方便的对它进行维护,并能专心编写javascript程序,避免改动html标记语言。
5、<script>存放的位置,一般放在</body>前,页面的最底部。这是因为先加载出非javascript界面可以使用户感觉访问速度较快。
6、为了避免兼容性问题和遵循html标准,需使用<script></script>方式,而不是:<script/>。
7、<script>不能两层或以上嵌套。
8、了解<noscript>的触发机制,以及javascript在XHTML中的用法。
此javascript书籍作为我的睡前阅读,将陪我走过相当长一段时间的学习光阴,感谢你见证我的成长!
我是一个努力转型做测试的、懂点ps、懂点java、懂点html+css的90后!