JavaScript 简介
JavaScript广泛的在手机,电脑,服务器上使用,它用于web和html,是互联网上非常流行的脚本语言。
那么JavaScript是什么样的语言呢。
- JavaScript学习起来非常简单上手。
- JavaScript配合html网页,可以在浏览器上面运行展示。
- JavaScript是一门轻量级的编程语言。
那么怎样直接HTML 输出流呢?
举例说明:
document.write("<p>段落内容。</p>");
document.write("<h2>标题内容</h2>");
注意: 如果我们在文档加载之后使用document.write方法,会覆盖掉整个文档的内容的,所以document.write只能在html的输出上使用。
那么JavaScript是怎样处理事件的呢?
举例说明:
<button type="button" onclick="alert('你好啊。')">按一下。</button>
onclick属性表示的就是按钮被点击之后的行为。
那么如何更改html上的内容呢?
举例说明:
t=document.getElementById("test");
t.innerHTML="my name is test";
我们可以使用document.getElementById(“some id”)来查找html中的元素,再通过innerHTML来修改这个元素在html上的内容。
那么如何在html上更改图片呢?
举例说明,我们动态的设置的图片:
<script>
function changePic()
{
element=document.getElementById('testImage')
if (element.src.match("testbulbon"))
{
element.src="/images/test.gif";
}
else
{
element.src="/images/test.gif";
}
}
</script>
<img decoding="async" loading="lazy" id="testImage" onclick="changePic()" src="/images/test.gif" width="100" height="223">
那么怎样验证html中的输入内容呢?
我们可以加上一些正则来判断输入的内容是否正确,比如是否输入空的,或者是否是isNan等。
举例说明:
if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
alert("不是数字");
}
那么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。