黑马程序员技术交流社区

标题: 【上海校区】JavaScript的使用 [打印本页]
作者: 偷树的光头强    时间: 2018-9-27 10:04
标题: 【上海校区】JavaScript的使用
一：JavaScript的特点
1.基于对象的语言，不完全符合面向对象的思想。
2.解释型语言，不会生成中间文件，解释一定行数，再执行。
3.只要有浏览器的地方就可以运行，区分大小写。
4.弱类型语言，不同类型的数据可以直接赋值给同一个变量。
二：书写位置
1.内嵌式：
[JavaScript] 纯文本查看 复制代码
<script>

    alert("恭喜你, 中了 500 万.");

</script>

2.外链式：
[JavaScript] 纯文本查看 复制代码
<script src="../js/out.js"></script>

<script>

    alert("恭喜你，中了500万.");

</script>

3.行内式：
[JavaScript] 纯文本查看 复制代码
<input type="button" value="点我呀!">

<button>点我呀!</button>

三：数据类型
数值型：number（凡是数字都是数值型，不区分整数和小数）
字符串：string（凡是引号包裹起来的内容全部都是字符串）
布尔：boolean（true、false）
对象类型：object（特殊取值null）
未定义型：undefined
四：定义变量的格式格式： var 变量名称 = 存储的数据；
变量命名规范：
1. 只能由字母、数字、_（下划线）、$（美元符号）组成。
2. 不能以数字开头。
3. 命名中不能出现-（js会理解成减号进行减法的操作），不能和关键字冲突。
案例：使用JS打印一个9*9乘法表
代码：
[JavaScript] 纯文本查看 复制代码
<script type="text/javaScript">

                document.write("<table border='1' cellspacing='0'>");

                document.write("<caption>9x9乘法表</caption>")

                //写1个9x9乘法表，没有表格

                for (var i = 1; i <= 9; i++) {

                        //外循环就是一行

                        document.write("<tr>");

                        for(var j=1; j<=i; j++) {

                                document.write("<td>");

                                document.write(j + "x" + i+ "=" + (i*j));

                                document.write("</td>");

                        }

                        document.write("</tr>");

                }

                document.write("</table>");

        </script>
五：JS中函数的使用
格式：
function 函数名(参数列表) {
    函数体;
    [return 返回值];
}
注意事项：
1.形参的类型：在函数定义的时候不用指定类型，因为是可变类型
2.函数的返回值：如果一个函数中需要返回值，直接使用return返回，如果没有返回值，不写return。
3.关于函数的重载：在JS中没有函数的重载，同名的函数会覆盖原来的函数，调用的时候，
只会调用最后1后函数，而且实参的个数与形参数的个数没有关系。
4.所有函数的内部都有一个类数组对象，名字叫：arguments，用来接收调用时提交的所有的参数。
六：匿名函数
格式：
var 变量名 = function(参数列表) {
        函数体;
}
调用方法：
//匿名函数
var sayHi = function(name) {
        window.alert("Hello, " + name);
};
//调用
sayHi("NewBoy");
七：JS中常见的事件
八：JS中内置对象
1.数组对象
数组的四种方式：
特点：
1) 数组中的每个元素的类型是可以不同的。
2) 数组的长度可以动态变化
3) 数组中包含大量的方法，类似于Java中的集合，而Java中的数组没有方法。
2.日期对象
3.全局对象
举例：字符串转换成数字
[JavaScript] 纯文本查看 复制代码
var a = "123abc123"; //字符串类型

var i = parseInt(a);

document.write(i+"<br/>"); 

var b = "3.14abc123";

i = parseFloat(b);

document.write(i);

//判断字符串是否为纯数字字符组成

var age = "1012";

document.write(isNaN(age));   //不是一个数字字符， 返回true.


作者: 不二晨    时间: 2018-10-10 11:29
奈斯



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2