本文深入探讨了JavaScript作为基于对象和事件驱动的语言的特点，包括交互性、安全性与跨平台性。对比了JavaScript与Java的不同之处，并详细介绍了JavaScript与HTML结合的方式及基本语法，如变量、逻辑运算符、位运算符等。同时，展示了如何通过JavaScript实现简单的九九乘法表打印功能。
Javascript是基于对象（并非面向对象）和事件驱动的脚步语言，主要应用在客户端。，
特点：1）交互性，它可以做的就是信息的动态交互。
2) 安全性，不允许直接访问本地硬盘。
3）跨平台性，只要是可以解释js的浏览器都可以执行，和平台无关。
Javascript与Java不同：
1).Js是NetScape（网景）公司的产品，前身是LiveScape，Java是Sun公司的产品。
2).Js是基于对象（内存中都是对象，）Java是面向对象（用面向对象的方式思考问题）。
3).Js只需要解释就可以执行，Java需要先编译成字节码文件，再执行。
4).Js是弱类型，Java是强类型（每种数据都有对应的数据类型，并且都分配有固定的空间，eg：byte类型是一个字节（8bit））
Javascript与Html结合方式
1）.将Js代码封装到<script>标签中，
eg：<script type=”text/javascript”> alert(“hello javascript”);</script>
2) 将Js代码封装到js文件中（新建一个js文件，将代码写入），并通过<script>中的src属性进行连接。
但是需要注意：如果<script>标签中使用src属性，那么该标签中封装的js代码不会被执行，eg： <script type=”text/javascript” src=”demo.js”>
alert(“hello,javascript”);//注意此代码不会执行
</script>
所以，通常导入js文件都使用单独的<script>来完成。
Js基础
1）.变量
关键字 var x=3;(弱类型，非严谨)
Js中‘’“”都代表字符串。
“12”+1结果是：121
“12”-1结果是：11 //先将“12”转换成整数
true+1 结果是：2 //在js中false就是0或者null，非0，非null就是true，默认用1表示。
2）逻辑运算符
&& || ！
例如：t=4;
t>3&&t<6 结果为：true
3)位运算符
& | ^(异或) >> << >>>
(注意js中的&与|并不表示逻辑，这要与Java区分开)
例如：t=4;
t>3&t<6 结果为：1
(t>3值为true，t<6值为true，而在进行&运算时，默认都用1表示，1&1就是1)
eg：6&3=2
(6是110，3是011，所以与的结果为010，就是2)
4)一些细节
undefined：为定义，其实它就是一个常量。
假如一个变量只定义未赋值，就会出现类似情况。
eg：var x;
alert(x);//出现一个提示undefined的窗口
alert(x==undefined) 打印结果为：true
5)可以用typeof来获取具体值得类型。
eg：alert（typeof(“abc”)） 结果：String
alert(typeof(2.5))结果：number
alert（typeof(2.5)==number） 结果为true
alert（typeof(“abc”)==’String’ ） 结果为true
6)将数据直接打印到网页，用document.write()方法
eg： var x=3;
while(x<6)
{
document.write(“x=”+x);
x++;
}
实例：打印九九乘法表
效果：
实现：
table.css
table,table td
{background-color:#06F;
color:#F00;
border:#00ffff double 1px;
width:60px;
}
a.html
<style type="text/css" >
@import url(table.css)
</style>
</HEAD>
<BODY>
<script type="text/javascript">
document.write( "<table>");
for(var i=1;i<=9;i++)
{
document.write( "<tr>");
for(var j=1;j<=i;j++)
{
document.write( "<td>");
document.write(i+"*"+j+"="+i*j);
document.write( "</td>");
}
document.write( "</tr>");
}
document.write( "</table>");
</script>
</BODY>
扫一扫
549
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
