• JavaScript入门


    他们准备考研,我偷偷学习JS,找份好工作卷死他们。

    基本语法

    <script type="text/javascript">

      alert("控制浏览器弹出一个警告框");

      document.write("向body中输出一个内容");

      console.log("向控制台输出");

    </script>

    外部引入

    <!--

      可以将js代码编写到外部js文件中,然后通过script标签引入

      方便在不同页面中同时引用,也可以利用浏览器缓存机制

    -->

    <script type="text/javascript" src="js/script.js">一旦用于引入将不执行中间代码</script>

    声明变量

    var a = 123; 

    数据类型

    String、Number、Boolean、Null、Undefined、Object

    Number.MAX_VALUE 1.7e+308挺大的应该都够存,但是他不精确,不能用来存精确数据

    typeof检查变量类型 typeof a 即可返回a的类型,string 类型

    编写布局

    <!DOCTYPE html>

    <html>

      <head>

        <meta charset="UTF-8">

        <title></title>

        <script type="text/javascript">

          alert("直接执行");

        </script>

      </head>

      <body>

        <button onclick="alert('强行冒泡');">一个按钮</button>

        <a href="javascript:alert('超链接冒泡');">一个超链接</a>

      </body>

    </html>

     

    对象类型

    创建对象

    var obj = new Object();
    var obj = {}; //最常见的js文档,来啦

    添加属性

    对象.属性名=属性值;
    obj.name = "孙悟空";
    obj.gender = "男";
    obj.age = 18;
    obj["name"]
    对象["属性名"]

    还可层层套娃

    判断对象中是否有该属性 in

    "age" in obj

    Number 进制转换

    0x 16进制
    0 8进制
    0b 二进制
    a = parseInt(a,10); 函数中第二个参数指定数字进制

    相等运算符

    !=
    ==

    自动类型转换、多了个全等运算符

    ===
    !==

    JS可以用{}分隔代码块

    var v = prompt("弹出一个提示框,提示输入文字");
    var num = +prompt("可以转换为数值型");

  • 相关阅读:
    css的网页布局案例
    position定位及实际应用
    float浮动以及案例演示
    第二十三节 margin合并实例
    第二十二节 margin合并
    第二十一节 margin技巧
    第二十节 盒子练习
    第十九节 盒子真实尺寸
    第十八节 盒子案例
    第十七节 盒子模型
  • 原文地址:https://www.cnblogs.com/thx2199/p/15807644.html
Copyright © 2020-2023  润新知