JavaScript初级教程(Jquery)
序,学习前端页面编程技术,JS是不得不学的一门技术,目前JS不仅可以作为前端编程语言,在服务器端也有了一定发展,例如NodeJS。废话不多书,本篇博客主要介绍JS作为前端语言,怎样获得和改变HTML标签。
另外,这篇文章是基础知识的总结,相当于学习笔记,请高手绕行,哈哈。。。
一、编程基础知识
1、一个网页一般由三层组成:内容层:html文件,展现层:css文件,行为层:js文件。
2、编程中,最好将JS放置在单独的文件中。而不要把JS和HTML混合在一起。
3、JS大小写敏感
二、JS基础指令
1、变量
定义变量 var quantity = 5;
变量命名:不能以数字开头,变量名中,不能使用连字符(-)或点(.)号。
2、数据类型
JS中数据类型有数字类型、字符串类型、布尔类型、数组、对象、undefined、null。JS是弱类型语言。
3、算术操作符
加(+) - * / ++ -- %
三、函数、方法与对象
函数声明、函数表达式、匿名函数
对象:包括属性(变量)和方法(函数)
通过点标记语法使用属性和方法hotel.name;hotel.checkAvailability();
数组:
var hotels = ['Quay','Park','Beach']
创建对象:构造函数语法
var hotel = new Object();
hotel.name = 'Quary';
hotel.checkAvailability = function(){
return this.rooms - this.booked;
}
内置对象:
浏览器对象模型(BOM):
示例:
window.print();产生一个浏览器对话框
window.screen.width;screen对象的width属性告诉我们设备的像素宽带。
文档对象模型(DOM)
示例:
<>的为标签,不含<>的为属性
常用对象和方法
window.alert() 创建含有消息的对话框(需要单击OK才能关闭)
window.open()新的浏览器窗口中打开参数中指定的URL(如果浏览器安装了阻止窗口弹出的软件,这个操作可能会失败)
window.print()告诉浏览器用户想要打印当前页的内容(其行为就像用户单击了浏览器界面中的打印选项)
document.title当前文档的标题
document.lastModified 文档最后一次被修改的日期
document.URL 返回包含当前文档URL的字符串
document.domain 返回当前文档的域
document.write()将文本写入文档
document.getElementById()返回与id属性值相匹配的元素
document.querySelectorAll()返回一组元素,这些元素都符合参数中定义的CSS选择器
document.createElement()创建新元素
document.createTextNode()创建新的文本节点
String.length
toUpperCase()
toLowerCase()
charAt() 返回索引编号的字符
indexOf()
lastIndexOf()
subString()
split() 将字符串分隔,然后将它们存储在一个数组中
trim() 删除字符串开始和结尾的空格
replace() 只替换第一个查找的项
JS是弱类型的语言
Math对象
Math.PI
Math.round()
Math.sqrt() 返回平方根
Math.ceil()
Math.floor()
Math.random() 从0到1的苏技术
Date()对象和Time()对象
getDate() setDate()
getDay()
getFullYear() setFullYear()
getHours() setHours()
getMilliseconds() setMilliseconds()
getMinutes() setMinutes()
getMonth() setMonth()
getSeconds() setSeconds()
getTime() setTime()
getTimezoneOffset()
toDateString()
toTimeString()
toString()
四、判断和循环
和java类似
五、文档对象模型
当浏览器加载Web页面时,会在内存中创建页面的模型。
p178页面
六、事件
七、JQuery
八、Ajax与JSON