JavaScript在HTML中应用探讨.docVIP

JavaScript在HTML中应用探讨 　　【摘 要】本文介绍了JavaScript的特点和功能，给出了JavaScript脚本语言在HTML中的应用语法。用JavaScript语言可以写出各种功能的代码，使网页更具有特色和交互性。最后通过实例对JavaScript在HTML中的应用进行了探讨。 　　【关键词】JavaScript；HTML；动态网页 　　0 引言 　　当你使用各种各样的浏览器在WWW上漫游时，你会发现网站上的图片在不断的刷新变化，或者鼠标移到某处时字体的颜色会变，或者有那么一串文字一直跟随着你的鼠标在动等等这些有趣的事情，使我们浏览的网页变得生动活泼起来。而这些效果是如何来的呢？其实是由web上的脚本语言所控制的。目前可用的脚本语言中，最流行的就是JavaScript。它是一种基于对象和事件驱动并具有安全性能的脚本语言，可用于客户端和服务器端的编程。通过嵌入或导入到标准的HTML文档中来控制页面，并能对用户的触发事件做出响应，增强了网页的表现力和交互性。它还有一个强大的特点就是跨平台性，依赖于Web浏览器本身，与操作环境无关。需要注意的是，我们在使用JavaScript的时候，要注意浏览器的不同版本。 　　1 在HTML中的用法 　　1.1 设置脚本语言 　　JavaScript代码可以直接包含在与标记之间放置在HTML的任何位置，既可以放在head内，也可以放在body内。具体用法如下： 　　 　　一个或多个脚本语句 　　 　　其中 标签指示中间的内容是JavaScript语句；type 属性指定文件类型和在该脚本中使用的脚本语言；language属性（早期使用，现可用type属性替代）指定script标记内代码行所使用的脚本语言。 　　这种用法是最常见的使用方法，在一个HTML文档中可以有多个script标记，它们之间也可以互相访问。 　　1.2 作为单独文件导入 　　我们可以把JavaScript代码存储在一个单独的文件（.js）中，在各个HTML文档的head元素中导入该脚本库。语法如下： 　　 　　 　　其中URL处填写保存的脚本文件名即可。这种方法的优点是当你需要修改所有HTML文档中的函数定义时，对脚本库进行修改即可，这样便于实现网站的模块化设计。 　　1.3 通过属性调用文本 　　在实际应用中，经常会用到事件驱动。所以我们还可以通过某个HTML元素的事件处理程序的属性值来调用JavaScript脚本。例如对于元素，可以将其onclick属性设置为一段JavaScript代码。当用户点击的时候，浏览器将解释执行由onclick属性指定的脚本代码。 　　具体方法如下： 　　通过HTML属性调用脚本 　　 　　关闭窗口 　　var _userid = ;var _siteid =2230;var _istoken = 1;var _model = Model03; WebPageSpeed =359; UrchinTrack(); 　　 　　该例中点击“关闭窗口”这个超链接时，执行window.close（），实现窗口的关闭。 　　2 应用实例 　　基于以上介绍的方法，我们可将JavaScript脚本程序嵌入HTML文档中实现动态网页的设计，下面就举两个日常生活中常见的例子和大家一起分享。 　　2.1 滚动字幕 　　我们经常会看见一些网页上一段移动的广告文字，看上去很有趣，实现这一动态效果的代码如下： 　　标题栏信息滚动 　　 在浏览器窗口的标题栏中循环显示要显示的内容。 　　 　　var msg=欢迎来到南京信息职业技术学院！ ； 　　setInterval（ScrollMessage（），200）； 　　function ScrollMessage（）{ 　　document.title = msg ； 　　document.getElementById（d1）.innerHTML=msg； 　　msg=msg.substring（1） + msg.substring（0 ， 1）； 　　} 　　 　　 　　 　　两位数的加法练习 　　 　　 　　 　　 　　 　　 　　 　　 　　var x ， y ； 　　var msg=document.getElementById（mes）； 　　regen（）； 　　//随机出题 　　function gen（）{ 　　with（Math）{ 　　x= floor（random（）*90+10）； 　　y= floor（random（）*90+10）； 　　} 　　document.getElementById（tm）.in