• 认识JavaScript



    JavaScript 是全世界最流行的脚本语言。
    JavaScript 被设计用来增加 HTML 页面的交互性。
    JavaScript 可以用在 HTML 页面和 Web App 中,更可以广泛地应用在服务器、PC(台式机、笔记本电脑、平板等)、智能手机等设备上。
     
    JavaScript 是一种轻量级的编程语言。
    JavaScript 可以插入到 HTML 页面里的代码。
    JavaScript 插入到 HTML 页面里后,可以被所有的现代浏览器执行。
    JavaScript 语法简单,很容易学习!
     
     
    —————————————————————————

    JavaScript 可以:
     
    1.往 HTML 页面输出内容
     
     小例子:
    document.write("<h1>海明威说</h1>");
    document.write("<p>任何初稿,都是一堆臭狗屎。</p>");

    提示:如果你在文档加载完毕后使用 document.write("...") ,会覆盖整个文档。也就是说之前文档的内容都没有了,只剩下“海明威说......”这些字。 

     
    2.对 HTML 页面上发生的事件做出反应
     
    小例子:
    <button type="button" onclick="alert('很高兴见到你:)')">你来啦吖</but ton>

    alert("...") 在 JavaScript 中并不常见,但用来测试代码的话,会很方便。

    onclick (点击)事件,是你将在本课程中学习到的众多事件之一。

     
    3.改变 HTML 页面上元素的内容  
     
    小例子:
    var a = document.getElementById("badID"); // 查找元素 
    a.innerHTML = "是啊,我应该振作起来(^o^)/~,多大点屁事"; // 改变内容 
    你经常会看到 document.getElementById("someIDName") 被使用。这个方法是在 DOM 中定义的。
    DOM 是用来访问 HTML 元素的,它是 W3C 正式的标准。    
        
    4.改变 HTML 页面中标签元素的属性
     
    下面举一个“拉灯和关灯”的例子。
     
    小例子:
    <img id="testedLightImg" src="http://w3school.com.cn/i/eg_bulboff.gif" alt="暗灯泡" onclick="toggleLight()">

    JavaScript 能够改变 HTML 页面中的元素大多数的属性,并不局限于 <img> 标签元素的 src 属性。     

     
    5.改变 HTML 页面中元素的样式
     
    小例子:
    var para = document.getElementById("beReadyToChangeTextColorPara"); // 查找元素 
    para.style.color = "red";

    改变 HTML 页面中元素的样式,其实也是属于改变 HTML 页面中元素属性的一种。

     
    6.验证表单的输入数据  
     
    小例子:
    if (!inputData || isNaN(inputData)) { // 如果没有输入数据或者输入数据不是数字的时候
        alert("你逗我呢,你再试试?"); // 给出再试试的提示 
    } 
    —————————————————————————

    你知道吗?

    JavaScript 与 Java 没有半毛钱的关系。

    Java (由 Sun 公司发明)是更复杂的编程语言。

    ECMA-262 标准是 JavaScript 的官方名称。

    JavaScript 由 Brendan Eich 发明。在 1995 年出现在 Netscape 浏览器中(这个浏览器已经停止更新),并在 1997 年被 ECMA(一个制定标准的组织)采纳。

     
  • 相关阅读:
    包含min函数的栈
    量化交易系统的四个组成部分
    顺时针打印矩阵
    python正则表达式中re.M,re.S,re.I的作用
    二叉树的镜像
    树的子结构
    合并两个排序的链表
    反转链表
    命名元祖
    二叉树(二叉搜索树-AVL树-B树)
  • 原文地址:https://www.cnblogs.com/zhangbao/p/5661766.html
Copyright © 2020-2023  润新知