JavaScript 是世界上最流行的编程语言。
这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
1、JS->写入html输出
eg:
<script>
document.write(<h1>Hello World Heading</h1>);
document,write(<p>hello world</p>);
</script>
警告：只能在输出中使用document.write。如果在文档加载后使用，则会覆盖整个文档。
2、JS->对事件作出反应
eg:
<body>
<button type="button" οnclick="alert(hello world)">click here</button>
</body>
备注：alert() 函数在JS中并不常用，但是它可以方便地测试代码
3、JS->改变html内容
eg:
<p id="demo">
JS 能改变 HTML 元素的内容。
</p>
JS 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo");
x.innerHTML="Hello World";
}
</script>
<button type="button" οnclick="myFunction()">点击这里</button>
备注1：我们以后会经常看见document.getElementById(“”)，这个方法是HTML DOM定义的。
备注2：DOM（文档对象模型）是用以访问HTML元素的正式W3C标准。
JS->改变HTML图像
eg:
<body>
<script>
function changeImage()
{
element=document.getElementById("myimage");
if(element.src.match(""))
{
element.src="文件位置";
}
else
{
selment.src="文件位置";
}
}
</script>
<img id="myimage" οnclick="changeImage()" src="文件位置" >
</body>
备注：JS可以修改任意HTML的大多数属性，而不仅仅是图片
JS->改变HTML样式
eg:
<script>
funciton myFunction()
{
x=document.getElementById("所改变样式的ID值");
x.style.color="#fff000";
}
</script>
JS->验证输入
eg:
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x=""||isNaN(x))
{
alert.("Not Numeric");
}
}
扫一扫
323
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
