js常用关键字和函数

时间:2023-12-24 18:00:37

js常用关键字和函数

document.createElement("div");  创建一个div元素申明一个变量


document.body.appendChild(div);   将创建好的div添加到body中


div3.appendChild(a);        将创建好的a标签加入到div中


var li = document.querySelectorAll(".users-mini li");  找到所有的class相同的对象


txt2.removeAttribute("style"); 清除js设置所有css属性

var oBoxW = oBoxs[0].offsetWidth; //offsetWidth获取数组里第一元素的宽度

var cols = document.documentElement.clientWidth/oBoxW;// clientWidth可以获取当前页面的宽度


var small = document.getElementsByTagName('small')[0].innerHTML;   获取第一个标签为small


if(num>=5&&num<=10)                 &&用来连接两个条件     必须同时满足两个条件


if(num>=5||num<=10)       ||用来连接两个条件       只需满足一个条件即可


var arr = sortEle.childNodes;          childNodes找到变量sorEle的字节点

window.onload = function(){}; 页面加载完成时


var timer = setInterval(function(){alert(1);},1000);   setInterval(fun,time):  每隔一段时间执行一次规定的函数,一直循环下去,时间以毫秒为单位。 clearInterval(timer): 清除时间函数,终止时间函数继续执行。

setTimeout();仅在指定的延迟时间之后触发一次

clearTimeout() 清除


var mymessage=confirm("你喜欢JavaScript吗?"); confirm会在弹出窗口显示取消和确定两个按钮

 例:var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true) //判断是否 点击确定用true,取消用flash
document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }


var score = prompt("请输入您的分数") ;  prompt弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框);

例:

function rec(){
var score; //score变量,用来存储用户输入的成绩值。
score = prompt("请输入您的分数") ;
if(score>=90)
{
document.write("你很棒!");
}
else if(score>=75)
{
document.write("不错吆!");
}
else if(score>=60)
{
document.write("要加油!");
}
else
{
document.write("要努力了!");
}
}


var  mywin=window.open('http://www.imooc.com') 打开新的网站     mywin.close();关闭打开的网站

var myweek =3;//myweek表示星期几变量  switch在有很多选项中用
switch(myweek)
{
case 1:
case 2:
document.write("学习理念知识");
break;
case 3:
case 4:
document.write("到企业实践");
break;
case 5:
document.write("总结经验");当以上case值都不匹配时,执行default后的代码;

break;
default:
document.write("周六、日休息和娱乐");


去掉属性

var sdj  = document.......

sdj.removeAttribute("disabled");disabled是按钮的点击属性;


eval(222+222)   //eval可以将一个字符串的运算进行运算

字符串字母变大写   .toUpperCase()   小写  .toLowerCase()

.charAt(下标) //得到一个字符串下标对应的字符

document.write(mystr.indexOf("o",6)); //查找字符串中"o",返回他的下标

myset.substring(3);//找到下标是3开始的字符串;

myset.substring(0,3);//开头到下标是3的字符串

document.write(Math.ceil(3.3)) 取整数;

document.write(Math.random()*10)     random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。所以每次运行的结果都不一样


var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scor = scoreStr.split(";")  //将字符串内容转化成数组


获取发生事件元素的下标

for(var i=0;i<li.length;i++){//获取所有i编号的元素
li[i].index = i; //定义一个index属性对li进行编号
console.log(i);
li[i].onclick = function(){

this.className = "on";//再对点击事件添加相应的属性
div[this.index].className = "";//通过之前的index编号绑定的指定div
}
}

object.keys(object).indexOf(string) === -1   查找一个key