• 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() 的理解。

  • 相关阅读:
    同时实现同时只允许一个人登录系统 dodo
    比较C#中的readonly与const (转) dodo
    iframe,Frame中关于Session丢失的解决方法 dodo
    sqlserver数据库同步解决方案 dodo
    利用C#调用WINRAR实现压缩与解压 dodo
    .net打包自动安装数据库 dodo
    关于sqlserver packet size dodo
    真正生成高质量不变形缩略图片 dodo
    Datagrid列表控件使用 dodo
    NUnit学习之VS.net 2005篇(转) dodo
  • 原文地址:https://www.cnblogs.com/expiator/p/6723368.html
Copyright © 2020-2023  润新知