H5学习04之JS的基础

一，JS在h5中的两种书写形式：

外部样式优先，并且不能同时使用，如果在引入外部样式的时候仍旧需要书写页內样式需要另起一行重写开一个<script type="text/javascript"></script>，然后在中间写
建议尽量把该段代码放在h5中body标签的最后面，因为有时候js需要用到h5內的东西，而h5是从前往后解析，所以放后面比较保险

• 1，页內样式：

<!--1，页内样式的JS-->
<script type="text/javascript">
    alert("zhangdanfeng");
//    console.log("zhangdanfeng------ ");
</script>

• 2，外部样式：

    <!--2，第二种方式，注意这里不能写成<script src="src/jsTest.js"/>-->
     <script src="src/jsTest.js"></script>

二，JS中单引号和双引号

• 1，在普通使用的时候，标准是建议使用双引号的“，但是国内大流趋向于单引号‘
• 2， 在js代码中，如果有引号内嵌的情况，内外两层的引号必须一对是单引号’，一对是双引号：如果想要结果中出现的是双引号“，那么js代码中外部那对需要用单引号，内部一对双引号；如果是想要结果中出现单引号‘，js代码中外部那对用双引号”，内部用单引号’；简单来讲就是内部的那对是被打印的符号。
  具体如下：

alert('这是一个双引号"双引号"');

*上面这行代码打印结果如下：

图一

alert("这是一个单引号'单引号'");

*上面这行代码打印结果如下：

图二

• 3，当然一定要使用双引号如果发生内嵌也可以用转义字符解决：

alert("这是一个双引号\"双引\"");

这里的打印结果和图一是一样的；

三，JS的语法基础：

• 1, js数据类型：1,number(整数和小数)，2,string，3,array, 4,object
• 2,js对象
• 3,js函数
• 4,js内部参数的调用

<script type="text/javascript">

//    alert("test");

//    js数据类型：1,number(整数和小数)，2,string，3,array, 4,object
//    js函数：
//    1,数字
    function numAdding(a, b) {
            alert(a+b);
    }
    numAdding(4, 6.3);
//    2，字符串
    function stringAppending(str01, str02) {
        return alert(str01+str02);
    }
    stringAppending("I am the king", "the king is Me");
//    3，数组
    var array = [2, "ivan", ["aa", 4, 4.2], "hhhhh"];
    alert(array[2]);
//    4,对象
    var person = {
        name : "Ivan",
        age: 10,
        height: 1.65,
        friends: ["xiaohua", "yizhe", "wangbiao"],
        dog: {
            name: "wangcai",
            age: 3
        },
        run: function () {
            alert("I am running very fast");
        }

    };
    alert(person.age);
//    3.1, 遍历对象内所有属性
    for(var params in person){
        alert(params + ":" + person[params]);
    }
//    3.2, 取出对象内部的数组内部的内容
    alert(person.friends[2]);
//    3.3, 取出对象内部的对象的内容
    alert(person.dog.name);
//    3.4, 调用对象内部的函数
    person.run();

</script>