UDN-企业互联网技术人气社区

板块导航

浏览  : 393
回复  : 3

[实例] 如何使用JavaScript

[复制链接]
牛娜的头像 楼主
发表于 2015-9-7 14:56:14 | 显示全部楼层 |阅读模式
本帖最后由 牛娜 于 2015-9-7 14:56 编辑

一、应用<script>标签加入JavaScript

      任何脚本语言均可以通过<script>...</script>标记对加入到HTML代码中(即是加入到网页文档<html>...</html>之间)。在<script>中加入language

      属性,告诉浏览器脚本中使用的是何种脚本语言。

      网页在打开时,浏览器由上至下依次解释文档中代码,当遇到<script>标记时,脚本代码开始,当遇到</script>时,脚本代码结束。

二、利用SRC属性级联脚本文件

      利用<script>标记的SRC属性可以在网页中使用外部的JavaScript脚本文件。

      当我们需要重复在不同网页中使用相同的脚本代码来完成相同功能时,我们可以将共享代码写入文件,保存为后缀是"js"的文档,然后利用<script>

      标记的SRC属性来引用。注意:后缀名为"js"的文档中只能包含JavaScript语句,而不应包含其他语句,也不能写入<script>标记。实现如下:

      首先,新建exa.js文件,代码如下:

window.alert("欢迎光临")  

然后,建立主页页面,在<head>与</head>之间写如下代码:<script src="exa.js"></script>,完整的主页代码如下:
  1.       <html>  
  2.         <title>SRC属性</title>  
  3.         <script src="exa.js"></script>  
  4.         </head>  
  5.         <body >  
  6.         使用src属性级联外部JavaScript脚本文件。  
  7.         </body>  
  8.         </html>  
复制代码

三、在HTML中直接嵌入

如果脚本代码只有一句,我们可以直接将脚本代码加入到html标记中,此时JavaScript脚本前必须加上“javascript:”前缀。实现如下

(welcome.html):
  1.         <html>  
  2.         <head>  
  3.         <title>JavaScript-弹出欢迎对话框</title>  
  4.         <body onload="javascript: window.alert('欢迎光临')">  
  5.         <br>  
  6.         </body>  
  7.         </html>  
复制代码
        
onload是文档对象模型中的一个事件,该事件发生在文档加载前,即是是文档加载前执行onload事件中的脚本语句。

相关帖子

发表于 2015-9-17 17:58:55 来自手机 | 显示全部楼层
js太强大了,好多工作前端都可以做了…
使用道具 举报

回复

发表于 2015-9-17 21:14:30 | 显示全部楼层
js太强大了,好多工作前端都可以做了…
使用道具 举报

回复

发表于 2015-9-25 10:18:14 | 显示全部楼层
js是要逆天的节奏js虽然不错,但是天生也是有缺陷,局限性。。。
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部