基础JavaScript 实例学习
来源:互联网 发布:网络摄像头控制器 编辑:程序博客网 时间:2024/05/21 06:03
1)写入 HTML 输出
实例:
document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph</p>");
用document.write("") 轻松写入HTML。
2)对事件作出反应
<button type="button" onclick="alert('Welcome!')">点击这里</button>
这里实际涉及到两个技术,一个是onclick,表示用户点击时触发的动作。alert(),是默认的弹出框。
3)改变 HTML 内容
x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改变内容
4)改变 HTML 图像
<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>
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>
5)改变 HTML 样式
x=document.getElementById("demo") //找到元素x.style.color="#ff0000"; //改变样式
if isNaN(x) {alert("Not Numeric")};
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
参考链接:http://www.w3school.com.cn/js/js_intro.asp
0 0
- 基础JavaScript 实例学习
- JavaScript基础学习(一)--对象实例String的学习
- javascript基础实例
- 基础 JavaScript 实例
- JavaScript基础实例
- javascript学习基础学习
- JavaScript正则表达式实例基础
- JavaScript基础学习(一)-基础
- javaScript基础学习1
- javascript基础学习
- 学习笔记--------JavaScript基础
- javascript零基础学习
- javascript基础学习
- JavaScript基础学习
- JavaScript基础学习总结
- javascript基础学习
- JavaScript基础学习资源
- javascript基础学习
- shell环境变量配置文件-L64
- 11款开放中文分词引擎大比拼
- GXTemplate项目介绍
- hibernate映射文件-id属性列表
- 函数指针
- 基础JavaScript 实例学习
- leetcode19.Remove Nth Node From End of List
- NameNode启动过程详细剖析
- XenServer部署系列——网络配置
- 动态内存分配
- poj 2242 The Circumference of the Circle
- 引用
- Android中自定义RatingBar(评分控件)的方法
- 简单使用SQL Server中的Trace Flags