JavaScript学习笔记一 JavaScript是什么能干什么
2015-04-16 08:33
543 查看
一JavaScript是什么
JavaScript 是一种解释型的脚本语言,可以插入 HTML 页面,并由浏览器解释执行。
二JavaScript能干什么
①向HTML 添加新内容
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
注意:在 HTML 输出过程中使用 document.write,而不要在文档加载后使用该方法,否则会覆盖整个文档。
②对事件作出反应
<button type="button" onclick="alert('Welcome!')">点击这里</button>
alert() 函数常用于代码测试,显示内容并由此判断是否符合预期。
③改变 HTML 内容
可以使用document.getElementById获取到某个HTML元素,并修改它的内容改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
④改变 HTML图片
可以使用document.getElementById('myimage')获取图片元素,并重新给该元素的路径赋值
element.src=新路径
⑤改变 HTML 元素的样式
改变 HTML 元素的样式,属于改变 HTML 属性的变种。
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000";
验证输入
JavaScript 常用于验证用户的输入。
实例
if isNaN(x) {alert("Not Numeric")};
JavaScript 是一种解释型的脚本语言,可以插入 HTML 页面,并由浏览器解释执行。
二JavaScript能干什么
①向HTML 添加新内容
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
注意:在 HTML 输出过程中使用 document.write,而不要在文档加载后使用该方法,否则会覆盖整个文档。
②对事件作出反应
<button type="button" onclick="alert('Welcome!')">点击这里</button>
alert() 函数常用于代码测试,显示内容并由此判断是否符合预期。
③改变 HTML 内容
可以使用document.getElementById获取到某个HTML元素,并修改它的内容改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
④改变 HTML图片
可以使用document.getElementById('myimage')获取图片元素,并重新给该元素的路径赋值
element.src=新路径
⑤改变 HTML 元素的样式
改变 HTML 元素的样式,属于改变 HTML 属性的变种。
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000";
验证输入
JavaScript 常用于验证用户的输入。
实例
if isNaN(x) {alert("Not Numeric")};
相关文章推荐
- 【JavaScript学习笔记】什么是NodeJs?
- JavaScript学习笔记一JavaScript是什么
- 黑马程序员之javascript学习笔记:什么是强类型,什么是弱类型?哪种更好些?为什么?
- JavaScript学习笔记系列1:JavaScript的是什么?
- JavaScript学习笔记(一)——初识JavaScript
- java笔记 chapter1 java是什么,能干什么,有什么,特点,开发环境
- javascript学习笔记
- javascript 学习笔记(一)
- Javascript学习笔记(history对象)
- javascript学习笔记
- [前端JS学习笔记]JavaScript 数组
- javascript学习笔记-数据类型
- JavaScript 学习笔记(一)
- Javascript RegExp正则表达式学习笔记
- JavaScript 学习笔记【一】——面向对象的写法分析
- JavaScript 学习笔记— —事件委托
- JavaScript学习笔记2-附录(JavaScript中的内置对象)
- JavaScript学习笔记之Object
- Velocity学习笔记1——Velocity是什么
- html5学习笔记一:html5简介,html5和html有什么不一样。