JavaScript入门

最新推荐文章于 2024-01-21 04:49:16 发布

月夜星星雨

最新推荐文章于 2024-01-21 04:49:16 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

分类专栏：前端入门

本文链接：https://blog.youkuaiyun.com/m493096871/article/details/94063200

前端入门专栏收录该内容

15 篇文章

订阅专栏

var 局部变量不写var是全局变量不建议使用

<!DOCTYPE html>
<html>
<head lang="en">
   <title>CSS</title>
   <meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
   var name_01;
   name_01="marry";

   console.log(name_01);

</script>
</body>
</html>

变量未赋值则为undefined

   var c="323cc";
   console.log(parseInt(c)) //只能提取出数字开头的数字

parseFloat 可以使整数或者浮点数只有第一个小数点有效

str=1234;

idstr=str.toString(); 转换为字符串或者 str=String(str);

=== 全等值和数据类型同时一样

!==不全等值和数据类型是否同时不一样

z=x==y; 结果是 z=0|1 判断xy是否值相等

   alert(123);
   document.write(123);

   function inner(){
   a=arguments.length; //获取传入参数的个数
   b=arguments[1]; //根据你的传入参数分别获取下表，超出的部分返回null
   }

求平均值

function avg(){
       var sum=0,count=arguments.length;
       for (var i=0;i<count,i++){
           sum+=arguments[i];
       }
       return sum/count;
   }

创建数组

var colors=new Array(3);
var colors=new Array(1,2,3,4);

var arr=["1","2","3"];

arr[99]="z"; 只要你取了最大索引，那么就变成了100了

arr.push("1","2");

arr.unshift(9,10); 放在最前面

arr.pop() 删除最后的元素

arr.shift() 删除最前面的

arr.join() 转换成字符串默认分隔符号为逗号,

arr.join("")

arr.reverse() 反转

arr.sort()

arr.sort(function(a,b){return b-a});降序排序

.concat() . 连接数组

.slice(a,b) 截取数组a-b不包括b

.splice(index,count) 删除从index的count个值

.splice(index,0,"a") 在index处不删除且插入a 可以是多个数值

.splice(index,1,"a") 删除后替换 count和后面替换的值相等

.indexOf(num,index) 从index后取num的index index 可以省略

.lastIndexOf(value) 从后面查询

string的使用

.charAt(index) 访问字符串中的index

.indexOf("value") 检测字符串的索引不存在就返回-1

.slice(start,end) 截取字符串不包括end 碰到负数加上lenth

.substring(start,end) 碰到负数转换为0 如果都是负数不会取出东西会自动转换截取位置从小到大

.substr(index,count) 从index开始取count个

.split() 拆分默认, 字符串拆分成数组

.replace(","," " ) ,替换为 

.toUpperCase()

.toLowerCase

Math对象

里面输入参数为数组 Math.### ###为下面的方法

.min(1,2,3) .max()

.cell(190.99) 向上取整=191

.floor(190.00) 向下取整 =190

.round(190.5) 四舍五入 191

.abs()绝对值

Math.random() 0-1之间的浮点数

生成n-m的整数

Math.floor(Math.random()*(m-n+1)+n)

date对象

var date=new Date()

date.getFullYear()

.getMonth()

.getDate()

.getHours()

.getMinutes()

.getSeconds()

.getTime() 带毫秒 1970 年1-1 到现在的毫秒书

设置时间将前面的get换成set

DOM

<body>
   <div class="d" id="d">
       d的元素
   </div>
   <ul id="list1">
       <li>1</li>
       <li>2</li>
       <li>3</li>
   </ul>
   <script type="text/javascript">
       // 获取id为d的元素
       var d=document.getElementById("d");
       //获取所有li的元素
       var lis=document.getElementByTagName("li");
       console.log(d);
       //获取id list1下的li元素
var d=document.getElementById("list1").getElementByTagName("li");
   </script>
</body>

添加样式

       // 获取id为d的元素
       var d=document.getElementById("d");
       //获取所有li的元素
       var lis=document.getElementByTagName("li");
       console.log(d);
       //获取id list1下的li元素
       var lisd=document.getElementById("list1").getElementByTagName("li");
       //设置样式
       d.style.color='#f00';
       d.style.fontWeight="bold";
       // 数组元素不是dom 要用遍历
       for (var i=0,len=lis.length;i<len;i++){
           lis[i].style.color='#00f';
       }

lis[1].className="cos";

单独添加类获取类或者替换类

lis[1].innerHTML 获取和设置标签之间的文本和html内容

得到标签的自定义属性 p.getAttribute("class")

.setAttribute("class","student") 设置属性

.removeAttribute("class")

onmousrover 鼠标划过

onmouseout=('函数名()') 鼠标离开

onclick 鼠标点击

快速创建

ul>li*10

window.onload=function(){

}

先加载别的元素再加载该函数

unload是页面卸载触发的不常用

document.onkeypress=function(event){

console.log(event.keyCode);

}

setInterval(obj,time) 设置每一时间

clearInterval(object) 取消定时器

setTimeout(obj,time) 设置超时

location. 对象中的属性如下

host

port

procotol

hash

href

search

replace(url) 重新定向不再浏览器中记录，就是不会有回退按钮

reload() 重新加载当前页面从缓存中加载

reload(true) 从服务器中加载，一般放在最后一行，不一定会触发，看网络

history.back() 返回历史的上一步

== history.go(-1)

history.go(n) 前进几步

-n后退几步

screen.availWeight

screen.availHeight 获取屏幕宽高

window.innerWeight

window.innerHeight 获取页面宽高

获取信息

Navigator.

userAgent 浏览器信息