JavaScript学习收获

获取一个整数的JS代码

使用Math.floor(Math.random())获取一个想要的范围内的整数

例如:获取一个1~52之间的整数

用Math.random()*52获取一个>=0且<52的

然后Math.random()*52+1得到一个>=1且<53的数,

下面进行取整:Math.floor(Math.random()*52+1)得到一个1到52之间的数

显示一个时钟的JS代码

<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>

RegEpx检索文本中的信息(RegEpx是正则表达式的缩写)

对象有三个方法:test()-->检索字符串中的指定值,返回true或false,

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free")); 

exec()-->检索字符串中的指定值,返回值是被找到的值。如果没有发现匹配,则返回 null,

compile()-->方法用于改变 RegExp,既可以改变检索模式,也可以添加或删除第二个参数

浏览器前进和后退按钮

  • history.back() - 与在浏览器点击后退按钮相同
  • history.forward() - 与在浏览器中点击按钮向前相同
  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 (80 或 443)
  • location.protocol 返回所使用的 web 协议(http:// 或 https://)
  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口
  • window.resizeTo() - 调整当前窗口的尺寸

prompt() 方法用于显示一个带有提示信息,并且用户可输入信息的对话框。

confirm()方法  确认框,返回为true或false

settimeout()方法:方法用于在指定的毫秒数后调用函数或计算表达式。

clearTimeout() :取消setTimeout()

使用JS进行调试:console.log();在浏览器中F12选择console查看。

href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id

如果你要定义一个死链接请使用 javascript:void(0) 。

 命名规则

常量和全局变量使用大写。

Html和css使用-作为属性名前后缀。

 JavaScript闭包:定义在函数内部的函数

作用:一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。

  1.在函数内部声明变量的时候,一定要使用var,如果不用的话,实际上就声明了一个全局变量。

  2.在函数外部读取函数内部的变量:在函数内部再定义一个函数。

function f1(){

      var n = 999;

        function f2(){

              alter(n);

               }

      return f2;

      }

  var result = f1();

    result();

document.getElementById("myBtn").addEventListener("click", displayDate);在用户点击按钮时触发监听事件:

 window.location.assign("http://www.w3cschool.cc");加载新文档

原文地址:https://www.cnblogs.com/quwujin/p/5999540.html