`

JavaScript使用

 
阅读更多
新增
0.1 给td 赋值
document.getElementById(id).innerText="Hello !";
1.改变 HTML 内容
document.getElementById(id).innerHTML="Hello !";

2.改变 HTML 属性
document.getElementById(id).attribute=new value

3.改变 HTML 样式
document.getElementById(id).style.color="blue";
document.getElementById('p1').style.visibility='hidden'或者visible

4.对事件做出反应
onclick="this.innerHTML='谢谢!'"

5.使用 HTML DOM 来分配事件
document.getElementById("myBtn").onclick=function(){displayDate()};

6.onload 和 onunload 事件

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

7.创建新的 HTML 元素
取值:document.form.elements[""].value="";
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

8.删除已有的 HTML 元素
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
或者
var child=document.getElementById("p1");
child.parentNode.removeChild(child);

9.访问对象的属性
objectName.propertyName

10.访问对象的方法
objectName.methodName()
例子:var message="Hello world!";
      var x=message.toUpperCase();

11.JavaScript for...in 循环
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
  {
  txt=txt + person[x];
  }

12。数字属性和方法
属性:
    MAX VALUE
    MIN VALUE
    NEGATIVE INFINITIVE
    POSITIVE INFINITIVE
    NaN
    prototype
    constructor
方法:

    toExponential()
    toFixed()
    toPrecision()
    toString()
    valueOf()

13.String indexOf() 定位字符串中某一个指定字符首次出现的位置
          match()  查找字符串中特定字符,如果找到,返回该字符
  replace  用法str.replace(/Microsoft/,"W3School");用W3School替换Microsoft

14.setTimeout('startTime()',3000) 定时执行startTime()方法

15.var arr = new Array(3); 创建数组
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
16.join  将字符串或数字连接起来
arr.join(".") George,John,Thomas

17.sort() 对文字或数字数组进行排序。按字母或数字方式

18.Math.round() 对小数进行四舍五入
19.Math.random() 返回0到1之间的随机数
20.Math.max(),min() 返回两个给定的数中较大或者较小的数字


21.算数值

JavaScript 提供 8 种可被 Math 对象访问的算数值:

    常数
    圆周率
    2 的平方根
    1/2 的平方根
    2 的自然对数
    10 的自然对数
    以 2 为底的 e 的对数
    以 10 为底的 e 的对数

这是在 Javascript 中使用这些值的方法:(与上面的算数值一一对应)

    Math.E
    Math.PI
    Math.SQRT2
    Math.SQRT1_2
    Math.LN2
    Math.LN10
    Math.LOG2E
    Math.LOG10E

22.RegExp 对象用于规定在文本中检索的内容。
定义 RegExp var patt1=new RegExp("e");
RegExp 对象的方法 test()、exec() 以及 compile()。
test() 方法检索字符串中的指定值。返回值是 true 或 false
exec() 方法检索字符串中的指定值。返回值是被找到的值
compile() 方法用于改变 RegExp。
compile() 既可以改变检索模式,也可以添加或删除第二个参数
例子:
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
patt1.compile("d");
document.write(patt1.test("The best things in life are free"));

23。Window 尺寸
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

    window.innerHeight - 浏览器窗口的内部高度
    window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5:

    document.documentElement.clientHeight
    document.documentElement.clientWidth

或者

    document.body.clientHeight
    document.body.clientWidth

24. window.open() - 打开新窗口
    window.close() - 关闭当前窗口
    window.moveTo() - 移动当前窗口
    window.resizeTo() - 调整当前窗口的尺寸

25.Window Screen
    screen.availWidth - 可用的屏幕宽度
    screen.availHeight - 可用的屏幕高度
26.Window Location
    location.hostname 返回 web 主机的域名
    location.pathname 返回当前页面的路径和文件名
    location.port 返回 web 主机的端口 (80 或 443)
    location.protocol 返回所使用的 web 协议(http:// 或 https://)
    location.href 属性返回当前页面的 URL
    location.assign() 方法加载新的文档。
27.Window History
    history.back() - 与在浏览器点击后退按钮相同
    history.forward() - 与在浏览器中点击按钮向前相同
28.Window Navigator

navigator.appCodeName  Mozilla
navigator.appName      Netscape
navigator.appVersion   5.0 (Windows)
navigator.cookieEnabled true
navigator.platform     Win32
navigator.userAgent    Mozilla/5.0 (Windows NT 5.1; rv:31.0) Gecko/20100101 Firefox/31.0
navigator.systemLanguage undefined

29.alert("再次向您问好!在这里,我们向您演示" + '\n' +
"如何向警告框添加折行。")
}
30.confirm("确认删除");
   prompt("提示框")

31.setTimeout()和clearTimeout();

在浏览器的状态栏放入一条消息?
window.status = "put your message here"
0
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics