Q:2种不同场景及用法
1、HTML中,位于script标签之间
位置:
<body><head>部分中间都可以
<script>
alert("第一个JS交互");
</script>
<script>
document.write("<p>写入章节段落</p>");
document.write("<h2>写出一个标题</h2>");
</script>
2、JS函数与事件
目的:需要在某个事件发生时执行代码,例如当用户点击按钮时。
解决:将JS代码放入函数中,在该事件发生时调用该函数。
3、【规范代码】
脚本需要调用的函数一般放在,或者放到页面底部,这样不会干扰页面。
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="文字替换功能"
}
</script>
</head>
<body>
<p id="demo">这是一段文字</p>
<button type="button" onclick="myFunction()">转换</button>
</body>
<body>
<p id="demo">这是一段文字</p>
<button type="button" onclick="myFunction()">转换按钮</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="转换后的文字"
}
</script>
</body>
4、外部的JS
外部脚本不加<script>
文件拓展名为 .js
<script src="myScript.js"></script>
【!】常见的脚本语言
C Shell
JavaScript
Nuva
Perl
PHP
Python
Ruby
Tcl
VBScript
CSS
Sum Chapter 2
JS的使用场景有两种,插入HTML中与另存为JS拓展名文件。
插入HTML的body和Head都可以,规范起见,函数一般放在head中或者body最后。
JS拓展名文件使用场景,需要在HTML中插入src来源