zoukankan      html  css  js  c++  java
  • js复习

    JS基础知识:

    javascript是什么:是一门脚本语言,弱类型,执行速度非常快

    与java有什么关系:没有任何关系

    JavaScript能做什么:控制浏览器BOM,控制元素DOM

    js不能做什么:不能做文件读取,创建及删除;不能直接访问数据库

    node.js:开发平台,通过这个平台可以开发常规web服务端,是一款非常轻量级的开发环境

    Jquery.js:前端框架

    JS是面向过程的语言,JS有面向对象,但不是纯粹的面向对象语言

    常用对话框:alert("");confirm("");prompt("")

    isNaN() 值为false时为数字

    判断是否输入数字,不是数字自动去除:

    <input id="text1" type="text" />
    <script>
        var s = document.getElementById("text1");
        s.onkeyup = function () {
            if (isNaN(this.value))
            {
                s.value = s.value.substring(0,s.value.length-1);
            }
        }
    </script>


    js数组:不固定长度,不固定类型,用索引等号赋值;取数组长度,用length

    js函数:给参数不用写类型,直接给变量名即可;返回值只要写return就可以;有递归;

    覆盖跳转页面 window.locaton.href="";

    js的DOM操作:

    - 找到元素:  + 按照ID来找 var aa = document.getElementById("id");   找到的肯定是一个对象

     + 按照Class来找 var aa = document.getElementsByClassName("class");   找到的肯定是一个数组

     + 按照Name来找 var aa = document.getElementsByName("name");   找到的肯定是一个数组

     + 按照元素名来找 var aa = document.getElementsByTagName("div");   找到的肯定是一个数组

    - 操作内容  

    + innerHtml - 会将元素标记代码渲染后的效果显示出来(超链接形式显示)     - 会将所有的内容和代码一并取出来

     + innerText - 不会将内容进行任何渲染,写的什么直接就输出什么(把超链接代码显示出来了)     - 取值时它只会把能看到的文字信息取出来,不会取到HTML代码

     + value - 12个表单元素御用,别的元素没有权利使用它们   

     - 并不是value就能解决全部表单元素的内容操作,部分元素还需要上面两种的配合    如:option,radio  

    - 操作元素的属性  

    + 添加属性  oTxt1.setAttribute("readonly", "readonly");

     + 修改属性  oTxt1.setAttribute("Class", "ttt");

     + 查询属性  this.getAttribute("Class");

     + 删除属性  this.removeAttribute("Class");

    - 操作元素样式

    - 所有的样式操作都是在元素代码内部进行添加及更改,优先级最高

     + 添加样式  this.style.width="100px";  this.style.boxShadow = "0px 0px 15px black";

     + 修改样式  this.style.width="100px";  this.style.boxShadow = "0px 0px 15px black";

     + 查询当前样式  this.style.xxx - 只能获取写在元素代码内部的样式值

     获取即时样式:  this.offsetWidth  this.offsetHeight  this.offsetTop  this.offsetLeft

     + 删除样式

    - 操作元素  查找兄弟级的上一个和下一个  this.nextSibling  this.previousSibling

     查找父级元素  this.parentNode

     查找全部子级元素  this.childNodes

     创建新元素  var oDiv = document.createElement("div");

     document.getElementById("boss").appendChild(oDiv);  -----------------------------------------

     var oDiv = "<div class='div1'></div>";

        document.getElementById("boss").innerHTML += oDiv;  ----------------------------------------------------

     移除元素  this.remove();

  • 相关阅读:
    python模板引擎Cheetah的安装
    cocos2d 动作
    【leetcode】合并两个有序数组
    【leetcode】合并二叉树
    【leetcode】合并两个有序链表
    【leetcode】链表的中间结点
    【leetcode】使用最小花费爬楼梯
    【leetcode】栈的最小值
    【leetcode】最小绝对差
    【leetcode】玩筹码
  • 原文地址:https://www.cnblogs.com/wy1992/p/6272505.html
Copyright © 2011-2022 走看看