JavaScript和HTML的结合
2018-06-15 本文已影响0人
小漫画ing
JavaScript的认识
一：JavaScript概述
JavaScript是基于对象和时间驱动的脚本语言，主要应用于客户端。
- 基于对象：提供好了很多的对象，可以直接拿过来使用。
- 事件驱动：HTML做网站静态效果，JavaScript动态效果。
- 客户端：专门指的是浏览器。
二、JS的特点：
（1）交互性：信息的动态交互
（2）安全性：JS不能访问本地磁盘的文件
（3）跨平台性：java里面的跨平台性用的是虚拟机，而JavaScript只要能够支持JS的浏览器，都可以运行。
三：java和JavaScript的区别
（1）JavaScript是基于对象的，java是面向对象。
（2）java是强类型的语言，JS是弱类型的语言。
四：JavaScript的组成：
1、ECMAScript：ECMA是一个组织，欧洲计算机协会。它制定的JavaScript语法，语句。
2、BOM：broswer object model浏览器对象模型。
3、DOM：document object model文档对象模型
JavaScript和HTML的结合
第一种：使用一个标签
<script type="text/javascript">js的代码</script>
举例如下：
<script type="text/javascript">
//向页面弹出一个框，显示内容。
alert("xiaomanhua");
</script>
运行结果如下：
输出结果
第二种结合方式：使用JavaScript标签，引入一个外部的js文件
<body>
<script type="text/javascript" src="1.js">
</script>
</body>
js文件是：
//单行注释
/*
* 多行注释
*/
alert("小漫画");
运行出来的结果和之前是一样的。
JS的原始类型和声明变量
1、原始类型（五个）： String number Boolean null undifined（定义一个变量，变量为空）
2、定义变量都使用关键字var
eg：var string="nncinai";
script type="text/javascript" >
var str="abc"
alert(str);
</script>
运行结果：
字符串
我们可以通过typeof运算符解决typeof对象类型判断问题，所有引用类型都是object
eg：
var str="abcd";
alert(typeof(str));
String类型
JS语句
if switch for while do-while 都支持。
例子：
99乘法表：
document.write("<table border='1' cellspacing='0'>")
for(var i=1;i<=9;i++){
document.write("<tr>")
//循环列
for(var j=1;j<=i;j++){
//运算
document.write("<td>")
document.write(j+"*"+i+"="+i*j);
document.write("</td>")
}
document.write("</tr>")
}
document.write("</table>")
