JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。 它可以让网页呈现各种动态效果。
特点:脚本编写语言、基于对象的语言、简单性、安全性、动态性、跨平台行
JavaScript能做什么?
1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)
2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
JavaScript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。
Document.write():可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。
变量申明用var关键字
函数申明用function关键字
Alert警告框
确认confirm 消息对话框
提问(prompt 消息对话框)
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。
打开新窗口(window.open)
window.open(<URL>, <窗口名称>, <参数字符串>)
window.close(); //关闭本窗口
编程练习
认识DOM
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。
通过ID获取元素
语法:document.getElementById(“id”);
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:Object.innerHTML=新内容;
改变html样式
语法:Object.style.属性名称=属性值;
基本property(属性)表:
Display显示和隐藏
语法:Object.style.display = value;
Value值:
控制类名(className 属性)
className 属性设置或返回元素的class 属性。
语法:object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
编程练习
未完待续。。。