`

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
分享到:
评论

相关推荐

    javascript 使用手册

    在HTML文档中,两种编程语言的标识不同,JavaScript使用<script>...来标识,而Java使用<applet> ... </applet> 来标识。  第七,静态绑定和动态绑定。Java采用静态联编,即Java的对象引用必须在编译时的进行,以使...

    JavaScript使用手册1

    1. 变量:JavaScript使用var、let或const声明变量,var是全局或函数作用域,let和const则引入了块级作用域。const用于声明常量,一旦赋值不可更改。 2. 数据类型:JavaScript有七种数据类型,包括六种基本类型...

    JavaScript使用详解,javascript入门教程

    这个"JavaScript使用详解"教程覆盖了JavaScript的各个方面,结合视频和PDF资料,为初学者提供了全面的学习资源。通过学习,你可以掌握JavaScript的基本语法和高级特性,为网页开发打下坚实基础。

    DHTML&javascript 使用手册

    DHTML&javascript 使用手册 动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考...

    JavaScript使用詳解.rar

    这份"JavaScript使用詳解"的压缩包文件,将深入介绍JavaScript的基础语法、核心概念以及高级特性,帮助读者全面掌握这一语言。 首先,JavaScript的基础语法包括变量声明(var、let、const)、数据类型(字符串、...

    JavaScript 使用指南 三个

    这份“JavaScript使用指南”包含了三个不同的资源,分别名为“JavaScript权威指南_EN.chm”、“JavaScriptHelp_cn.chm”和“javascript_devguru.chm”,每个都可能涵盖了JavaScript的不同方面。 “JavaScript权威...

    JavaScript使用手册.chm

    JavaScript使用手册.chm是一个包含详尽信息的压缩文件,专门针对JavaScript编程语言,提供了一套完整的参考指南。CHM是Microsoft的帮助文件格式,通常用于存储电子书、技术文档等,方便用户离线查阅。 JavaScript的...

    JavaScript使用詳解

    JavaScript使用詳解

    JavaScript 使用详解.iso

    JavaScript 使用详解.iso 不容易找到啊 ~

    JavaScript使用技巧精萃

    JavaScript使用技巧精萃 JavaScript使用技巧精萃 JavaScript使用技巧精萃

    JavaScript使用详解.pdf

    JavaScript使用详解.pdf 很详细

    Javascript使用技巧 -.mht

    Javascript使用技巧 -.mht

    JavaScript 语言参考 常用Javascript特效代码 JavaScript使用手册 正则表达式

    JavaScript 语言参考.CHM 常用Javascript特效代码.CHM JavaScript使用手册.CHM 正则表达式系统教程.CHM 全是中文的。各种JavaScript文档。 无论是学习,还是使用,都必备的。

    JavaScript 使用误区

    JavaScript 使用误区 本章节我们将讨论 JavaScript 的使用误区。 赋值运算符应用错误 在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两...

    PHP JavaScript 使用Json资料打包1

    PHP JavaScript 使用Json资料打包

    JavaScript使用手册

    JavaScript使用手册 JavaScript使用手册 JavaScript使用手册 JavaScript使用手册 JavaScript使用手册

    PHP JavaScript 使用Json资料打包2

    请下载 “PHP JavaScript 使用Json资料打包1”解压

    JavaScript使用特殊字符生成一幅风景画

    JavaScript使用特殊字符生成一幅风景画! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

Global site tag (gtag.js) - Google Analytics