美文网首页
001:JS解释与一些案例

001:JS解释与一些案例

作者: 暮色尘封 | 来源:发表于2017-10-11 10:53 被阅读0次

    TIME: 2014-01-15

    JavaScript是脚本语言,可用于HTML和Web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    是一种轻量级的编程语言,是可以插入HTML页面的编程代码。是可以插入HTML页面后,可由所有的现代浏览器执行。

    ============================================

    JavaScript:写入 HTML 输出
    document.write("<h1>This is a heading</h1>");
    提示:只能在HTML书超重使用document.write。如果在文档加载后使用该方法,会覆盖整个文档。

    JavaScript:对事件做出反应
    <button type="button" onclick="alert('Welcome!')">点击这里</button>
    alert()函数在JavaScript中并不常用,但他对于代码测试非常方便。 onclick事件只是众多事件之一,以后会学到的。

    JavaScript:改变HTML内容
    x=document.getElementById("demo") //查找元素
    x.innerHTML="Hello JavaScript"; //改变内容
    经常看到document.getElementByID("some id")。这个方法是HTML DOM中定义的。
    DOM(文档对象模型)是用以访问HTML元素的正式W3C标准。

    JavaScript:改变HTML图像(本例会董盖改变HTML<image>的来源(src))
    <script>function changeImage(){
    element=document.getElementById('myimage')
    if (element.src.match("bulbon")){
    element.src="/i/eg_bulboff.gif";
    }else{
    element.src="/i/eg_bulbon.gif";
    }}
    </script>
    JavaScript能够改变任意HTML元素的大多属性,而不仅仅是图片。

    JavaScript:改变HTML样式(属于改变HTML属性的变种)
    x=document.getElementById("demo") //找到元素
    x.style.color="#ff0000"; //改变样式

    JavaScript:验证输入(常用于验证用户的输入)
    if isNaN(x) {alert("Not Numeric")};

    相关文章

      网友评论

          本文标题:001:JS解释与一些案例

          本文链接:https://www.haomeiwen.com/subject/nmniyxtx.html