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有哪些 版本呢?

注意: ECMAScript 6 也称为 ECMAScript 2015。ECMAScript 7 也称为 ECMAScript 2016。