JavaScript 代码的加入

JavaScript 的脚本包括在 HTML 中,它成为 HTML 文档的一部分。与 HTML 标识相结合,构成动态

的、能够交互的网页。

JavaScript 代码应该放在 Web 页的什么位置呢? 

方式一:在 HTML 页面中直接写入 JavaScript

(1)HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

  • JavaScript代码
  • JavaScript函数

<Script Language ="JavaScript">

//JavaScript 语言代码;
//JavaScript 语言代码;
//…
</Script>
注释:
◆ 通过标识<Script> </Script>指明其中包含的是 Script 脚本代码;
◆ 通过 Language ="JavaScript"说明标识中使用的语言,这里是 JavaScript 
语言(可以不写); 

 

 

 注:

◆ 可将<Script></Script>标识放入<Head>...</Head><Body>...</Body>之间。将 JavaScript 标识放置
<Head>...</Head>在头部之间,使之在页面文档主体和其余部分代码之前装载。尤其是一些函数的代码,
建议读者将这些代码放在<Head>... </Head>在头部之间。
◆ 也可以将 JavaScript 标识放置在<Body>... </Body>主体之间以实现某些部分动态地创建文档。 

方式二:在 HTML 标签所定义的对象当中,直接写某些事件的非常简短代

 

注:如果这些事件的代码较为复杂的话,建议在<head></head><Script>..</Script>中间编写成一个函数,在按钮的标签中通过

οnclick=javascript:函数名称()来调用。

JavaScript 函数的写法是在<Script></Script>之间编写
function 函数名称(){
//具体的处理过程

方式三:使用库函数(引用外部 JavaScript 文件) 

引用方法:<script src="指定的 Js 文件位置"></script>

 

库文件(外部脚本不能包含 <script> 标签。):

 

 

 

 

要实现库(JavaScript 文件),需要以.js 作为文件扩展名的文件来保存

在程序员眼中,库就是一堆函数,有时是免费使
用,有时候需要购买,当然也可以自己编写)。我们可以引用或在自己的代码中调用这些库函数。

注:你可以将脚本放置于 <head> 或者 <body>中,放在 <script> 标签中的脚本与外部引用的脚本运行效果完全一致。

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

把一些 JavaScript 代码(尤其是用户自己编写的对象的类文件)组织成可以反复使用的库,具有下列好
处:
减少错误,减少 Web 页面的内容。 JavaScript 库经过严格测试后,可以放心的反复调用,相对于通过拷贝
和粘贴把 JavaScript 函数插入到每个想要调用它的 HTML 文件而言。同时也使 HTML 文件看起来清楚易
读。
减少网络流量,提高响应速度。当一个 JavaScript 库的第一次下载到内存,无论多少页引用该库,浏览器
都能访问它。不需要再次下载。

注意事项:

(1)

 Web 内容在浏览器中是从上到下的顺序解释的。放在 HTML 的<head></head>之间脚本比插入Web 的<body></body>的脚本先处理。比较好的做法是将包含所有预定义函数的脚本放在 Web 的<head></head>之间。这样,浏览器在前面遇到这些函数,确保 Web 的<body></body>中的语句能够识别这些函数。同样的道理,在一些网页下载到浏览器中,就会执行的脚本(比如 Web 页的 onload 事件关联的脚本代码),如果这些脚本要访问 HTML 标签所定义的对象,那么要确保这些对象先于脚本执行,否则会出现“对象不存在”的错误。建议设置 IE 的浏览器的高级属性中启用脚本调试,可以发现错误存在的地方。

应用外部脚本库<script language="JavaScript" src="menu_data.js"></script>,浏览器会在该 HTML 文件所在的目录下查找 menu_data.js 文件,如果把 js 文件存放在别的目录中,则

RSC 属性值必须反映出那个目录,也就是必须确保该 HTML 文件能够找到 js 文件。

(2) 

JavaScript 语句的写法是区分大小写的,比如函数 submitCreate()和SubmitCreate()并不一样。在 JavaScript 程序语句的 IF 语句应该为小写 if,如果不小心写为 If 是错误

的。初学 JavaScript,要注意防止发生这种错误 。

 

转载于:https://www.cnblogs.com/wlk14ly/p/9323759.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值