zoukankan      html  css  js  c++  java
  • javascript笔记

    JavaScript 是一种脚本语言,可插入 HTML 页面的编程代码。

    JavaScript可用于操作HTML元素、css元素,对页面所有事件做出反应。

    零、特点:

    1.js是一门灵活的动态类型语言。句末可不带分号,数据类型可不声明。函数可以有return也可以省略。

    2.js是个多范式的语言,既有面向对象语言的特性,又有函数式语言的特性。而它的面向对象特性是基于原型链的,而不是传统OOP基于类的。

    (原型链是什么意思?原型与原型链的详细理解   )

    一、位置:

    1.<script>可以放在html的<head>中,也可以放在<body>中。

    2.<script language="javascript">是在较老的浏览器中开始使用的,<script type="text/javascript">在HTML4中开始使用。
    一般用<script type="text/javascript">

    3.在HTML5中, <script> 标签内可以不必添加 type="text/javascript",因为js在HTML5中已经设置为默认脚本语言

    二、数据类型:

    动态数据类型,弱类型。所有数据类型都可以用var表示 。

    比如:

    var x1=34.00;           //定义浮点数
    var x2=34;              //定义整数
    var name="Bill Gates";  //定义字符串

    var cars=["Audi","BMW","Volvo"];           //定义数组

    三、函数:

    用function定义函数。

    function 函数名(){

    }

    函数的参数可以不指定数据类型。

    函数末可以带return返回值,也可以不带

    四、对象:

    1.对象的属性以名称和值对的形式 (name : value) 来定义,通过 对象.name来调用,类似C语言中的结构体

    如  var person={firstname:"feng", lastname:"lin", id:5566};

    这样的话 person.lastname的值为"lin"

    2. javascript内置对象可以通过new创建,包括Array、Date、String、Boolean、Math、RegExp等

    3.

     五、HTML DOM

    HTML DOM  (Document Object Medol):文档对象模型。

    1.HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理HTML 文档的标准方法。

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素
    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
    HTML DOM 模型被构造为对象的树

    2.写入HTML输出  document.write(" ");

    注意:在文档加载之后使用 document.write()会覆盖该文档。

    通过Id找到元素 document.getElementById("id")

    通过tag找到元素 getElementsByTagName(tagname)   注意:  返回的是带有指定标签名的对象的集合。

    获取HTML内容 document.getElementById("id").innerHTML

    修改HTML内容 document.getElementById("id").innerHTML=

    3.创建新的 HTML 元素
    如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。

     appendChild() 方法: 向节点添加最后一个子节点。

    比如:

      var node=document.createElement("p");
      var  nodeText=document.createTextNode("这是新生成的段落");
      node.appendChild(nodeText);

     4.删除HTML元素

    removeChild:用于删除HTML元素

    比如:

    var parent=document.getElementById("div1");
    var child=document.getElementById("p1");
    parent.removeChild(child);

    六、事件:

    onLoad表示进入网页时触发。

    onUnLoad表示离开网页时触发 。

    onchange用于验证输入

    onmouseover 用于在鼠标移至 HTML 元素上方触发

    onmouseout  用于在鼠标移出 HTML 元素上方触发

    onmousedown 点击鼠标按钮触发

    onmouseup 释放鼠标按钮时触发

    七、windows对象

    window.location.href  跳转页面

    疑问:

    1.dom如何应用?

    2.bind()、find()、each() 的理解。

  • 相关阅读:
    linux-01-04(创建文件夹mkdir,进入目录命令cd,创建文件命令 echo cp vim touch等,批量创建文件操作)
    linux-05(tar命令的使用)
    linux-06(移动命令mv)
    linux-07(复制命令cp)
    linux-08(查看命令历史记录history)
    cookie
    vue-router路由懒加载
    setTimeout async promise执行顺序总结
    forEach陷阱
    函数节流与函数防抖之间的区别
  • 原文地址:https://www.cnblogs.com/expiator/p/6723368.html
Copyright © 2011-2022 走看看