js的学习（1）

1.js脚本的使用
记得在开始引入js文件

<script src="js/first.js"></script>```

2.js数据类型
字符串（String)，数组(Array)，数字(Number)，undefined，布尔(boolean)，空(null)，对象(Object)
var a = {} a是一个对象
var a = ‘{}’ a是一个字符串
var a =’{“class”:{“name”:” xing”}}’;这样取不到数据，要进行转换
这是json转化成字符串的格式，需要把字符串转化为json格式
因为在传输的时候，都是先把json对象转换成字符串，收到数据再把字符串转换成json对象

var a = '{"class":{"name":"xing"}}'; var a1 = JSON.parse(a);console.log(a1.class.name); // 输出   xing

3.json和字符串之间的转换，由于低级的浏览器版本不支持，得需要自己找代码去处理

var a=[] 数组

4.变量
全局变量：页面关闭后摧毁
局部变量：函数执行完之后摧毁
5.this的使用
this是修改自身元素的内容
6.事件
鼠标事件
1）鼠标点击时：onclick
2）鼠标移入移出时：onmouseout onmouseover

<img src="picture/2.jpg" onmouseover="bigImg(this)" onmouseout="smallImg(this)"><br>

js脚本

/*鼠标移到图片上时，图片触发bigImg*//*鼠标移除笑脸图片时，触发smallImg*/function bigImg(x) {    x.style.height="200px";    x.style.width = "200px";}function smallImg(x) {    x.style.height="30px";    x.style.width="30px";}

3）鼠标按住和松开触发的事件

<p onmousedown="changecolor(this,'red')"    onmouseup="changecolor(this,'green')">hahahahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>

js脚本

/*鼠标按住和松开时，改变文字的颜色*/function changecolor(element,color) {    element.style.color=color;}

框架对象事件
表单事件
http://www.runoob.com/jsref/dom-obj-event.html

7.form表单提交，判断用户名不能为空

<form name="myForm" action="...." onsubmit="return validateForm()" method="post">姓：<input type="text" name="fname">   <input type="submit" value="提交"></form>

js脚本

function validateForm() {    var x = document.forms["myForm"]["fname"].value;    if(x == null || x == ""){        alert("此处不能为空");        return false;    }}

8.邮箱的判断
邮箱中.和@不能开头，而且@后面必须有一个至多个.

<form name="myForm" action="xxxxxx" onsubmit="return b()">    邮箱：<input type="text" name="email">    <input type="submit" value="提交"></form>

js脚本

function b() {    var x = document.forms["myForm"]["email"].value;    var atpos = x.indexOf("@");    var dotpos = x.lastIndexOf(".");    if(atpos<1 || dotpos<atpos+2 || dotpos+2 >= x.length){        alert("这不是一个有效的地址");        return false;    }}