您的位置: 主页>机器人编程>Javascript编程>《javascript-少儿编程》术语总结--网页加入JavaSc
加盟酷吧机器人 培养孩子核心能力

《javascript-少儿编程》术语总结--网页加入JavaSc

将JavaScript 插入网页的方法

使用<script>标签在网页中插入Javascript代码。

使用下面的代码可以在网页中插入JavaScript:

<script type="text/JavaScript" language="javascript">

...

</script>

language="javascript"表示使用JavaScript脚本语言,脚本语言还有vbscript、jsscript等,如果没有language属性,表示默认使用JavaScript脚本。其中的...就是代码的内容。例如:

<script type="text/JavaScript">

document.write("我是菜鸟我怕谁!");

</script>

JavaScript使用document.write来输出内容。将会输出在网页上输出:我是菜鸟我怕谁!

学过编程的人应该知道,“我是菜鸟我怕谁!”两侧双引号代表字符串的意思。不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。

有些浏览器可能不支持JavaScript,我们可以使用如下的方法对它们隐藏JavaScript代码。

<html>

<body>

<script type="text/JavaScript">

<!--

document.write("我是菜鸟我怕谁!");

//-->

</script>

</body>

</html>

<!-- -->里的内容对于不支持JavaScript的浏览器来说就等同于一段注释,而对于支持JavaScript的浏览器,这段代码仍然会执行。至于“//”符号则是JavaScript里的注释符号,在这里添加它是为了防止JavaScript试图执行-->。不过通常情况下,现在的浏览器几乎都支持JavaScript,即使是不支持的,也会了解如何合理地处理含有JavaScript的网页。

JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论。

插入JavaScript的位置

JavaScript脚本可以放在网页的head里或者body部分,而且效果也不相同。

(1)放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行,例如:

<html>

<body>

<script type="text/JavaScript">

<!--

document.write("我是菜鸟我怕谁!");

//-->

</script>

</body>

(2)在head部分的脚本在被调用的时候才会执行,例如:

<html>

<head>

<script type="text/JavaScript">

....

</script>

</head>

通常是在<script>...</script>定义函数,通过调用函数来执行head里的脚本。

(3)也可以像添加外部CSS一样添加外部JavaScript脚本文件,其后缀通常为.js。例如:

<html>

<head>

<script src="scripts.js"></script>

</head>

<body>

</body>

</html>

如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部JavaScript文件是最好的方法。此后,任何一个需要该功能的网页,只需要引入这个js文件就可以了。

注意:脚本文件里头不能再含有<script>标签。

欧美思机器人教育加盟 赚钱好项目
上一篇:《javascript-少儿编程》术语总结--注释与变量
下一篇:《javascript-少儿编程》第17章开发贪吃蛇游戏2之编
您可能喜欢
回到顶部