zoukankan      html  css  js  c++  java
  • JavaScript 一

    js
    JavaScript 实现是由以下 3 个不同部分组成的:

    核心(ECMAScript)
    文档对象模型(DOM)
    浏览器对象模型(BOM)

    JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象;

    DOM 描述了处理网页内容的方法和接口;

    BOM 描述了与浏览器进行交互的方法和接口。


    <scirpt type="text/javascript">
    //控制浏览器弹出一个警告框
    alter("你好 欢迎你")
    //控制计算机在页面中输出一个内容
    document.write("输出内容这样的 。。。。")
    //向控制台输出一个内容
    concole.log("控制台输出内容")
    </script>

    js代码从上到下依次执行

    # JavaScript 简介
    1 JavaScript 能够改变 HTML 内容
    getElementById() 是多个 JavaScript HTML 方法之一。
    本例使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(innerHTML)更改为 "Hello JavaScript":
    <body>
    <h2>JavaScript 能做什么</h2>
    <p id="demo">JavaScript 能够改变 HTML 内容。</p>
    <button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我!</button>
    </body>
    提示:JavaScript 同时接受双引号和单引号:
    <button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">单击这里</button>

    2 JavaScript 能够改变 HTML 属性
    本例通过改变 <img> 标签的 src 属性(source)来改变一张 HTML 图像:
    <body>
    <h2>JavaScript 能做什么?</h2>
    <p>JavaScript 能够改变 HTML 属性值。</p>
    <p>在本例中,JavaScript 改变了图像的 src 属性值。</p>
    <button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>
    <img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">
    <button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>
    </body>
    3 JavaScript 能够改变 HTML 样式 (CSS)
    改变 HTML 元素的样式,是改变 HTML 属性的一种变种:
    <body>
    <h2>JavaScript 能够做什么</h2>
    <p id="demo">JavaScript 能够改变 HTML 元素的样式。</p>
    <button type="button" onclick="document.getElementById('demo').style.fontSize='35px'">
    点击我!
    </button>
    </body>
    4 JavaScript 能够隐藏 HTML 元素
    可通过改变 display 样式来隐藏 HTML 元素:
    <body>
    <h2>JavaScript 能够做什么</h2>
    <p id="demo">JavaScript 能够隐藏 HTML 元素。</p>
    <button type="button" onclick="document.getElementById('demo').style.display='none'">
    点击我!
    </button>
    </body>
    5 JavaScript 能够显示 HTML 元素
    可通过改变 display 样式来显示隐藏的 HTML 元素:
    <body>
    <h2>JavaScript 能够做什么</h2>
    <p>JavaScript 能够显示隐藏的 HTML 元素。</p>
    <p id="demo" style="display:none">Hello JavaScript!</p>
    <button type="button" onclick="document.getElementById('demo').style.display='block'">
    点击我!
    </button>
    </body>

  • 相关阅读:
    wifi 天线
    Ubuntu下通过SSH远程登录服务器的方法
    wifi 天线
    免费20G全能空间正在火爆开放中。。。。。要的抓紧时间申请了.
    php设计模式 Mediator (中介者模式)
    DEDE图片集上传图片时出错显示(FILEID)的解决办法
    SPL spl_autoload_register与__autoload方法使用示例浅谈
    mysql_fetch_array()和mysql_fetch_assoc()两个函数的区别
    nginx多站设置
    php中echo(),print(),print_r()的区别
  • 原文地址:https://www.cnblogs.com/perfectdata/p/15325203.html
Copyright © 2011-2022 走看看