JS常用基本方法

  • 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);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值