沁园春~雪
北国风光,千里冰封,万里雪飘.
望长城内外,惟余莽莽,大河上下,顿失滔滔.
山舞银蛇,原驰蜡象,欲与天公试比高.
须晴日,看红装素裹,分外妖娆,
江山如此多娇,引无数英雄竟折腰,
惜秦皇汉武,略输文采.唐宗宋祖,稍逊风骚.
一代天骄,成吉思汗,只识弯弓射大雕.
俱往矣,
数风流人物,还看今朝.
js是一种脚本语言 不需要编译 其运行环境是客户端(浏览器)
js的特点:
(1)不能操作本地硬盘
(2)js可以动态修改html和css代码
(3)js可以对表单进行校验
js的组成---分为三部分
(1)ECMAScript--主要包括一些js语法相关知识
(2)BOM(Browser Object Model)
(3)DOM(Document Object Model)
js的引入方式---两种
(1)内部通过<script>标签 type="text/Javascript"可加可不加,默认就是如此
(2)外部 a.创建js文件 b.通过<script src="">标签引入js文件
注:script可以写在<head>内部,或者<body>内部,其会与himl抢带宽,所以越往后写越好.
js的基本语法
js是一种弱类型语言,定义变量用var x = XXX;(如果不写var,则为全局变量)
js的物种原始数据类型:number boolean string undefined(未定义) null(空 属于Object)
js中所有的引用数据类型都是Object类型的,都是通过"new"出来的
js的几种运算符
==="全等运算符"--值相等并且类型相同才为true
==只比较值
&& || --js中只有双与 双或,没有单与 单或
-*/ --对于这三种运算符,字符串可转化为number类型进行运算
几种特殊类型的boolean值
数字类型:0为false,其他为true
字符串类型:非空为true,空为false
对象类型:对象存在为true,对象未定义或者null则为false
js的函数--js中所有对象都是函数
(1)普通函数: function 函数名(参数列表){}
(2)匿名函数: var fn = function(参数列表){}
注:事件大多用匿名函数来做
js的事件
onload:某个页面或者图像加载完成
onsubmit:表单提交事件(返回true/false)
onclick:鼠标点击事件
onfocus:元素获得焦点
onblur:元素失去焦点
onchange:用户改变域的内容
eg:事件内签到事件源内部<input type="button" value="xxx" οnclick="fn()" />
事件与事件源完全分离,响应行为用函数进行封装
<input id="btn" type="button" value="xxx" />
var btn = document.getElementById("btn");
btn.onclick = function(参数列表){};
BOM
(1)Screen
(2)Window --表示一个Browser窗口或一个框架
(3)Navigator
(4)History
(5)Location --是window的一部分, Location.href常用
Window对象--分三部分
(1)弹框方法 a.提示框 alert();无返回值
b.确认框 confirm();有返回值 确认返回true 取消返回false
c.输入框 prompt(); 有返回值 确认返回输入框内容 取消返回null
(2)定时器 a.执行多次的定时器:setInterval(function对象,毫秒值) clearInterval(定时器名)
b.执行一次的定时器:setTimeout(function对象,毫秒值) clearTimeout(定时器名)--一般用不到
(3)常用全局方法 a.parseInt/parseFloat函数
eg:var numStr = "100";
var num = parseInt(numStr); num是number类型
b.eval函数:(很牛逼的一个函数)
可以将字符创转换成js代码注入
Location.href = "http://www.baidu.com";--可以在js中实现url访问(页面跳转)
变量.innerHTML:向标签中添加内容
RegExp:正则 /^&/ 一般以此方式定义规则