- JS代码可以写在哪?
(1.)可以直接写在html代码中:这里直接写在超链接里
<a href="javascript:alert('禁止跳转')"></a>
(2.)在script标签中定义:实际上可以放到html代码任何地方
<script > alert("禁止跳转")</script>
(3.)单独写到js文件中,但需要引用
<script src="js/click.js"></script>
- 函数的声明:
function 函数名(参数名1,参数名2...){
// js代码
return //返回的值
}
- 内置对象document获取html代码节点的方法
(1.)document.getElementById():根据id选择元素对象,返回的是一个对象
(2.)document.getElementsByTagName():根据标签名选择对象,返回的是一个数组
(3.)document.getElementsByName():根据节点的name属性获取对象,返回的是数组
(4.)document.getElementsByClassName():根据节点的class属性获取,返回的是数组
(5.)向html插入节点对象:appendChild();insertBefore();
//创建文本节点
var node1=document.createTextNode("h1");
//向文本节点中追加元素节点
node1.textContent="我爱你";
//appendChild()方法添加节点到html中
document.getElementsByTagName("div")[0].appendChild(node1);
var node2=document.createTextNode("h1");
node2.textContent="小泽玛利亚";
document.getElementsByTagName("div")[0].appendChild(node2);
document.getElementsByTagName("div")[0].insertBefore(node2,document.getElementsByTagName("p")[0]);
- 创建对象的方法:
/*
* 1.第一种
* var person={
name:"张三",
age:20,
sex:"男",
eat:function(fruit){
console.log("正在吃"+fruit);
}
}
console.log("姓名是:"+person.name+"年龄是:"+person.age+"性别是"+person.sex);
person.eat("orange");*/
/*
* 2.第二种
* var person=new Object
person.name="李四"
person.age=20
person.sex="男"
person.eat=function(fruit){
console.log("正在吃"+fruit);
}
console.log("姓名是:"+person.name+"年龄是:"+person.age+"性别是"+person.sex);
person.eat("orange");
*/
/*
* 3.第三种
* function Person(name,age,sex){
this.name=name
this.age=age
this.sex=sex
this.eat=function(fruit){
console.log("正在吃"+fruit)
}
}
var person=new Person("王二",62,"男")
console.log("姓名是:"+person.name+"年龄是:"+person.age+"性别是"+person.sex);
person.eat("orange");*/
- 数字的处理:
//var a="123556.01422";
//console.log(parseInt(a)) 123556
//var a="123556.01422";
//console.log(parseFloat(a)) 123556.01422
//var a="123556.01422";
//console.log(parseFloat(a).toFixed(3)) 123556.014
- 数组的创建:
(1.)创建数组方式一
//var emp=[7788,"SMITH",7800.0];
//console.log(emp)
//遍历
//for (var index in emp) {
// console.log(emp[index])
//}
(2.)创建数组方式二
//var emp=new Array();
//添加元素,向后面添加 push
//emp[0]="SMIT";
//emp[1]="JIM";
//emp.push("SCOTT","zhangyu");
//将元素插入到最前面 unshift
//emp.unshift("TOM","JERRY")
//console.log(emp);
//删除最后一个元素 pop
//emp.pop();
//console.log(emp);
//删除第一个元素
//emp.shift();
//console.log(emp);