JS学习(一)
来源:互联网 发布:百度云盘mac不可用 编辑:程序博客网 时间:2024/06/05 12:56
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
示例一:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>JS1</title><script>function displayDate(){ document.getElementById("demo").innerHTML=Date();}</script></head><body><h1>我的第一个 JavaScript 程序</h1><p id="demo">这是一个段落</p><button type="button" onclick="displayDate()">显示日期</button></body></html>
执行结果:
点击按钮:
JavaScript:直接写入 HTML 输出流
<p>JavaScript 能够直接写入 HTML 输出流中:</p><script>document.write("<h1>这是一个标题</h1>");document.write("<p>这是一个段落。</p>");</script>
JavaScript:对事件的反应
<button type="button" onclick="alert('欢迎!')">点我!</button>
JavaScript:改变 HTML 内容
x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改变内容
JavaScript:改变 HTML 图像
<script>function changeImage(){ element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; }}</script><img id="myimage" onclick="changeImage()"src="/images/pic_bulboff.gif" width="100" height="180"><p>点击灯泡就可以打开或关闭这盏灯</p>
JavaScript:改变 HTML 样式
x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式
JavaScript:验证输入
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS1</title> </head><body><h1>我的第一段 JavaScript</h1><p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p><input id="demo" type="text"><script>function myFunction(){ var x=document.getElementById("demo").value; if(x==""||isNaN(x)) { alert("不是数字"); }}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>
0 0
- js学习(一)
- JS学习---(一)
- JS学习(一)
- JS学习(一)
- js学习(一)
- JS学习(一)
- JS学习(一)
- JS学习笔记(一)
- JS学习记录(一)
- js学习笔记(一)
- Js学习笔记(一)
- js学习总结(一)
- JS学习笔记(一)
- js学习笔记(一)
- JS学习笔记(一)
- JS学习总结(一)
- velocity.js学习(一)
- js学习总结(一)
- 不小心把JRE System Library中的某些Jar包删除了,运行Java程序提示找不到类,并且在项目的头上出现红色的感叹号
- java线程同步的等待通知机制
- kernel 内存分配伙伴算法数学证明
- android更新UI
- Java 基础 软件的开发周期
- JS学习(一)
- lang包的功能
- 记录历史时刻:hdoop完全分布式安装配置完成
- 妙曲vim
- 6. ZigZag Conversion
- android四大组件--ContentProvider详解
- hduoj1115
- Javo 基础 流的分类
- linux 添加一个系统调用