zoukankan      html  css  js  c++  java
  • javaScript 必会基础知识

    1、JavaScript是一种浏览器解析的轻量级脚本语言。

    2、html、jsp等内部js代码写在<script></script>之间;外部js文件中书写js代码不能有<script></script>,因为引用外部js时,就将js代码引用到了<script></script>之间,

    引用方式<script src="./myScript.js"></script>(引用外部js文件,默认从WebContent文件夹下开始读取;如果为老一点的项目可能从WebRoot读取)

    3、javaScript数据显示常用方式:

    window.alert();//浏览器提示框,window可以省略

    console.log();//将内容写到控制台,经常用于调试,可以看到数据的结构

    document.write();//将内容写到浏览器页面

    innerHTML="给标签之间添加内容";

    4、js注释(单行和多行注释与java相同,js与java的相同点都对大小写敏感;忽略空格,所以才有缩进;变量都以字母开头,不推荐以$和_开头;)

    //单行注释

    /* */多行注释

    5、选择对象的常用方式

    document.getElementById("myid");//Element

    document.getElementsByName("name");//NodeList

    document.getElementsByTagName("Input“”);//NodeList

    6、js类型

    常见8种数据类型:string  number   boolean  array    object  null(空,清空变量)  undefined(变量为赋值时,的默认值)  function

    常见的3种对象类型:date  array  object

    7、常用js事件

    onload  //浏览器页面已加载完

    onclick  //点击事件

    change  //值发生改变,常用在下拉列表中

    onmouseover  //鼠标移入某个html标签

    onmouseout  //鼠标移出某个html标签

    onkeydown  //用户按下鼠标按键

    8、字符串中的特殊字符

    如:var str = "双引号内双引号"kdfjkdfj"这种写法不对 "//全部改为单引号也不对

    正确:var str = "双引号内双引号"kdfjkdfj"这种写法不对 "

         var str = "双引号内双引号'kdfjkdfj'这种写法不对 "//内部使用单引号

    9、折行用反斜杠

    eg:document.write("折行前内容

    折行后内容");//用于一行内容过长,折行,将反斜杠解析为一个空格

    10 typeof   和 instanceof

    var type = type of "aaa";//显示某个变量属于的数据类型

    var arr = [1, 2, 3, 4];

    if (arr instanceof Array){//显示某个对象变量属于的对象类型

      document.write("arr 属于数组Array类型");

    }

    10、类型转换

    其他转string  使用toString();

    string转数值,Number(str);//parseInt(str);parseFloat(str);

    自动类型转换:

    document.write("5" + null);//5null

    document.write(5 + null);//5

    document.write("5" + 1);//51

    document.write("5" - 1);//4

    11、js正在表达式

    如:var regExp = /e/i;//i正则表达式的修饰符,不区分大小写;/e/正则表达式主体

    两个方法:

    regExp.test(str);//true/flase;

    regExp.exec(str);//在str中匹配查找,找不到就返回null;找到就返回第一个

    12、表单验证

    <form name="testForm" action="a.html" method="post" onsubmit="return myFunction()">

      testForm<input type="text" name="name"/>

          <input type="submit" value="提交" 

    </form>

    获取表单:document.forms[testForm][name].value;

    //添加id,用id获取也行

    13、json

    JSON.parse(jsonStr);//将json对象转为js对象

    JSON.stringify(jsObject);//将js对象转为json对象

    14、javascript:void(0);//void(表达式),表达式执行完,结果不被接收,所以不会有反应

    href="#"与href="javascript:void(0)"的区别
    # 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

    而javascript:void(0), 仅仅表示一个死链接。

    在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。

    如果你要定义一个死链接请使用 javascript:void(0) 。

    15、dom

    <div id="div1">
    <p id="p1">这是一个段落。</p>
    <p id="p2">这是另一个段落。</p>
    </div>

    <script>
    var para=document.createElement("p");
    var node=document.createTextNode("这是一个新段落。");
    para.appendChild(node);

    var element=document.getElementById("div1");
    element.appendChild(para);
    </script>

    本文参考或引用:菜鸟教程

    http://www.runoob.com/js/js-tutorial.html

  • 相关阅读:
    uva 165 Stamps
    uva 104 Bandwidth
    uva 812 Trade on Verweggistan
    Uva 1354 Mobile Computing
    uva_1422 Processor
    Codeforces Round #321 div2
    Codeforces Round #316 div2
    LightOj_1408 Batting Practice
    【共享单车】—— React后台管理系统开发手记:AntD Table高级表格
    【共享单车】—— React后台管理系统开发手记:AntD Table基础表格
  • 原文地址:https://www.cnblogs.com/hblthink/p/8443244.html
Copyright © 2011-2022 走看看