---恢复内容开始---
- document.write("str") str 为要显示的html 元素
- html中每个元素可以设置ID属性
- 通过script设置函数，函数读取改html中id，并将改id的对应元素的innerHTML修改，达到动态界面目的，再利用按钮的onclick方属性来启动该函数。
<html>
<body>
<p id="demo"> this is a </p>
<script>
function my(){
x=document.getElementById("demo");//查找元素
x.innerHTML="hello";//修改内容
}
</script>
<button type="button" onclick="my()">点击这里</button>
</body>
</html>
- 点击图片改变图片
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById(‘myimage‘)
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>
外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：
外部脚本不能包含 <script> 标签。
基础知识介绍到这里，按需查询
时间： 2024-10-12 22:48:27