首页 > 开发 > JS > 正文

javascript学习随笔(编写浏览器脚本 Navigator Scripting )

2024-09-06 12:43:08
字体:
来源:转载
供稿:网友

在 HTML 中使用JavaScript

JavaScript能以两种方式嵌入HTML:

作为语句和函数使用时,用 SCRIPT 标记 作为事件处理程序使用时,用 HTML 标记

SCRIPT 标记

使用SCRIPT标记把脚本嵌入在HTML中,格式如舷:

<SCRIPT>
_ JavaScript 语句
</SCRIPT>

LANGUAGE属性作为可选项,用于指定脚本语言,用法如下:

<SCRIPT LANGUAGE="JavaScript">
_JavaScript 语句
</SCRIPT>

</SCRIPT>是<SCRIPT>的结束标志,之间可以包括任意多的JavaScript语句.

JavaScript是区分大小写档



例1 一个简单的脚本

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello net.")
</SCRIPT>
</HEAD>
<BODY>
That's all, folks.
</BODY>
</HTML>

例1中的页面显示:

Hello net.That's all folks.

 


 


代码隐匿

在不识别JavaScript的旧版本浏览器上,可以把脚本放置在注释域中,这样JavaScript代码就不会被显示出来. 把整个脚本用HTML的注释标记括起来:

<!-- 开始隐匿的脚本内容,不被旧版本浏览器显示
// 隐匿在此结束. -->

定义和调用函数

在页(page)被装载后,被置于SCRIPT标记之间的脚本被分析.函数被存贮起来,但并未执行. 函数由页内的事件调用执行.

正确理解定义函数与调用函数之间的区别是很重要的,定义函数仅仅是命名了这个函数和说明当此函数被调用时做什么,而调用函数才利用传来的参数真正执行指定的动作.


 

例2 一个带有函数和注释的脚本

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- 开始隐匿的脚本内容,不被旧版本浏览器显示
 function square(i) {
  document.write("The call passed ",i, " to the function.","<BR>")
  return i*i
 }
  document.write("The function returned ",square(5),".")
// 隐匿在此结束. -->
</SCRIPT>
</HEAD>
<BODY>
<BR>
All done.
</BODY>


例2中的页面显示:

We passed 5 to the function.
The function returned 25.
All done.


 

HEAD标记

通常,应该在文档的HEAD部分定义页(page)的所有函数,因为HEAD被首先装载,这就保证了用户做任何可能调用函数的动作前,函数已全部装载.


 

例3 有两个函数的脚本.

<HEAD>
<SCRIPT>
<!--- hide script from old browsers
function bar() {
 document.write("<HR ALIGN='LEFT' WIDTH=25%>")
}
function output(head,level,string) {
 document.write("<H" + level + ">" + head + "</H" + level + "><p>" + string)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表