js 常用函数

2019-04-28  本文已影响0人  9a4a58bf4d80
  1. 获取的ID等于 demo 的值(包含标签)
document.getElementById("demo") 
  1. 改变标签的内的值
 x.innerHTML="Hello JavaScript"; 
  1. 改变标签的样式
 x.style.color="#ff0000"; 
  1. 注释 // 单行注释 /**/ 多行注释
  2. 实例化数组
 var cars=new Array();
  1. 实例化对象 给对象赋值
 var person= new Object();  
person.firstname="Bill";
  1. Date() 获取当前时间
  2. for (x in person) 遍历有点像foreach
for (x in person){
  console.log(person[x])
}
  1. onload 事件 进入也面时触发
  2. onmouseover 鼠标移至事件
  3. onmouseout 鼠标移开时间
  4. onmousedown 鼠标按下去事件
  5. onmouseup 鼠标松开去事件
  6. myFunction 获得焦点事件
  7. length 获取对象长度
  8. toUpperCase() 把小写字母转成大写字母
  9. parseInt 强制转换为数字类型
  10. 获取当前是星期几
<script type="text/javascript">
            var d=new Date()
            var weekday=new Array(7)
            weekday[0]="星期日"
            weekday[1]="星期一"
            weekday[2]="星期二"
            weekday[3]="星期三"
            weekday[4]="星期四"
            weekday[5]="星期五"
            weekday[6]="星期六"
            document.write("今天是" + weekday[d.getDay()])
</script>
  1. 制作一个秒表
onload="startTime()"
<script type="text/javascript">
            function startTime()
            {
                var today=new Date()
                var h=today.getHours()
                var m=today.getMinutes()
                var s=today.getSeconds()
                m=checkTime(m)
                s=checkTime(s)
                document.getElementById('div1').innerHTML=h+":"+m+":"+s
                t=setTimeout('startTime()',500)
            }

            function checkTime(i)
            {
                if (i<10)
                {i="0" + i}
                return i
            }
</script>
  1. 合并数组函数 concat()
var aa=arr.concat(arr2) 
  1. 将数组的元素变成字符串用符号拼接 join()
var aa=arr.join("+")
  1. 数组排序
arr.sort()   数组内元素首字母,从小到大排列
arr.sort(sortNumber)    数组内元素数字值,从小到大排列
  1. 四舍五入函数 round()
Math.round(-4.60)
  1. 取0-1 之间的随机数 random()
Math.random()
  1. 取两个数之中的值作比较 max() ,min()
Math.max(7.25,7.30)    Math.min(5,7)
  1. 获取0-10之间的随机数 *11 最大值 可以随意变
Math.floor(Math.random()*11)
  1. 获取当前浏览器的 宽高
window.innerHeight  高    window.innerWidth  宽
  1. 操作浏览器
window.open()   打开一个新的窗口 可以在括号里加参数 (网址)
window.close()   关闭当前窗口
location.hostname  获取当前域名
location.pathname   返回当前页面的路径和文件名
location.protocol  返回当前协议 http 或者https
window.location.assign("http://www.w3school.com.cn")  等同于a标签
window.history.back()  返回历史上一页
window.history.forward()   返回历史下一页
  1. 提示框
确认框  
<script type="text/javascript">
        function show_confirm()
        {
            var r=confirm("Press a button!");
            if (r==true)
            {
                alert("You pressed OK!");
            }
            else
            {
                alert("You pressed Cancel!");
            }
        }
</script>
可输入提示框
<script type="text/javascript">
        function disp_prompt()
        {
            var name=prompt("请输入您的名字","Bill Gates")
            if (name!=null && name!="")
            {
                document.write("你好!" + name + " 今天过得怎么样?")
            }
        }
</script>
  1. 计时
setTimeout("alert('5 秒!')",5000)    延迟执行
clearTimeout(t);   停止执行
计时器
<script type="text/javascript">
        var c=0
        var t
        function timedCount()
        {
            document.getElementById('txt').value=c
            c=c+1
            t=setTimeout("timedCount()",1000)
        }
</script>
上一篇 下一篇

猜你喜欢

热点阅读