|
|
JavaScript基础入门
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。 JavaScript的基本范例 JavaScript：直接写入 HTML 输出流 范例document . write ( " <h1>这是一个标题</h1> " ) ;
document . write ( " <p>这是一个段落。</p> " ) ; |
 | 您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
|
|---|
JavaScript：对事件的反应 范例| < buttontype = " button "onclick = " alert('欢迎!') " >点我!</ button > |
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
onclick 事件只是您即将在本教程中学到的众多事件之一。
JavaScript：改变 HTML 内容 使用 JavaScript 来处理 HTML 内容是非常强大的功能。 范例 x = document . getElementById ( " demo " ) ;// 查找元素
x . innerHTML = " Hello JavaScript " ; // 改变内容 |
您会经常看到 document.getElementById(" some id ")。这个方法是 HTML DOM 中定义的。
DOM ( Document
Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。
JavaScript：改变 HTML 图像 本例会动态地改变 HTML <image> 的来源（src）：
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
} |
点亮灯泡< script >
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</ script >
< imgid = " myimage "onclick = " changeImage() "src = " /images/pic_bulboff.gif "width = " 100 "height = " 180 " > |
点击以下灯泡查看效果：
点击灯泡就可以打开或关闭这盏灯 以上范例中代码 element.src.match("bulbon") 的作用意思是：检索
<img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">
里面 src 属性的值有没有包含 bulbon 这个字符串，如果存在字符串 bulbon，图片 src 更新为 bulboff.gif，若匹配不到 bulbon 字符串， src 则更新为 bulbon.gif JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。
JavaScript：改变 HTML 样式 改变 HTML 元素的样式，属于改变 HTML 属性的变种。 范例 x = document . getElementById ( " demo " ) // 找到元素
x . style . color = " #ff0000 " ; // 改变样式 |
JavaScript：验证输入
JavaScript 常用于验证用户的输入。 范例 ifisNaN ( x ){
alert ( " 不是数字 " ) ;
}
以上范例只是普通的验证，如果要在生产环境中使用，需要严格判断，如果输入的空格，或者连续空格 isNaN 是判别不出来的。可以添加正则来判断（后续章节会说明）：
范例 if ( isNaN ( x ) || x . replace ( / ( ^\ s * ) | ( \ s *$ ) / g , " " ) == " " ) {
alert ( " 不是数字 " ) ;
}
您知道吗？ | | JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。
Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。
|
|---|
ECMAScript 版本 JavaScript 已经由 ECMA（欧洲电脑制造商协会）通过 ECMAScript 实现语言的标准化。
| 年份 | 名称 | 描述 |
|---|
| 1997 | ECMAScript 1 | 第一个版本 | | 1998 | ECMAScript 2 | 版本变更 | | 1999 | ECMAScript 3 | 添加正则表达式
添加 try/catch | | ECMAScript 4 | 没有发布 | | 2009 | ECMAScript 5 | 添加 "strict mode"，严格模式
添加 JSON 支持 | | 2011 | ECMAScript 5.1 | 版本变更 | | 2015 | ECMAScript 6 | 添加类和模块 | | 2016 | ECMAScript 7 | 增加指数运算符 (**)
增加 Array.prototype.includes | ECMAScript 6 也称为 ECMAScript 2015。 ECMAScript 7 也称为 ECMAScript 2016。 程序猿的技术大观园：www.javathinker.net
[这个贴子最后由 flybird 在 2020-02-24 12:32:40 重新编辑]
|
|
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → JavaScript基础入门
消息
查看
搜索
好友
邮件
复制
引用
IP: 已设置保密
