W3school中js学习

• java script 的代码位置
  在html中javaScript代码必须放到标签可以放到head中或是body中，把js代码放到body元素的底部可以改善显示速度，脚本编译也是需要时间的，

• java HTML DOC
  html doc 文档对象模型：当网页被加载时，浏览器会创建页面的文档对象模型，dom是一个对象树，
  
  通过这个对象模型，js能创建动态的html,
  js能改变页面中所有的html标签元素，
  js能改变页面中html标签的属性，
  js能改变页面中的css样式，
  js能删除，添加html元素的属性，
  文档对象代表了一个网页，通过doc对象来访问网页上的标签元素，

• Doc中的方法
  方法可以对标签中的属性设置添加，删除，替换，修改值属性，
  1 查找元素，
  document.getElementByid(id) 通过元素id来查找元素，
  document.getElementByTagname(name) 通过标签名来获取元素，
  document.getElementByClassname(name) 通过类名查找元素，
  2 改变元素
  element.innerHtml(text) 改变文本内容
  element.setAttribute(属性，value) 改变html元素的属性值，
  3 添加和删除元素
  document.createElement(标签)；
  document.removeChild(标签)；
  document.appendChild(标签)；添加
  document.replaceChild(标签)；替换
  4 给元素添加事件
  document.getElementById(id).οnclick=function(){code}

• javaScript对象定义
  在js中数组，函数，日期，字符串，布尔，都是对象，
  js中原始数据类型有 string，number，boolean，null，undefined
  js对象其实是一个包含变量的变量，

var person = "bill gates" //对象也是变量，但是对象能够包含很多值，
var person = {firstName:"bill",lastName:"gates"} //对象可以包含多个值
//创建js对象方式
var person = {name:"Rudy",age:"18"} //第一种
var person = new Object();
person.name = "Rudy";
person.age = "18";

• js弹出框
  1 警告框 window.alert(“我是警告框”)；
  2 确认框 confirm(“我是确定框”)；
  3 提示框 prompt(“请输入name:”,“哈利波特”)；
  在提示框内想要换行指定\n就可以了

• js函数
  方法是可以在对象上执行的动作，js对象就是属性和方法的容器，

函数格式：
function mycode(parameter1,parameter2){
	code;
}
函数中的参数不会规定类型，不会类型检查，不会检查函数的个数，
mycode(a,b);//执行函数
window.mycode();//执行函数

this 指的是拥有当前代码的对象，不指向调用对象时会指向window对象，
如果js对象中有一个函数，那么这个函数内使用this调用的就是这个对象，

• json简介
  json是一种存储和交换数据的语法，当数据在浏览器和服务器之间交互时 数据只能是文本，json属于文本，json可以转化成js对象也可以转化成java对象，

//将js对象转化成json数据，
var myObj = {name:"Bill",age:"18",city:"北京"};
var myJSON = JSON.stringify(myObj);
//将json对象转化成js对象
var myJSON = {"name":"Rudy","age":"18","city":"北京"}
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML=myObj.name;

json语法的规则：是字符串格式，key:value ,数据之间用逗号隔开，花括号是对象，方括号是数组，
json文件后缀是.json , 类型是application/json

//json数据的值可以是对象
{"myjson":{"name":"rudy","age":"18"}}
//json中value值可以是数组
{"name":["张三","李四","王五"]}
//可以是null也可以是boolean类型
//json数组也可以进行传送数据 parse()也可以解析数组返回的是js数组
jsonarray = ["name":"张三","age":"18"];
myarr = JSON.parse(jsonarray);
document.getElementById("name").innerHTML = myarr[0] 

//json对象语法
var myobj = {"name":"rudy";"age":"18"}
//用点号来访问对象值
var name = myobj.name
//json数组
var myarr = ["name":"rudy";"age":"18"]
var name = myarr["name"]
//遍历对象
for(x in myobj){
	document.getElementById("demo").innerHTML += myobj[x]
}