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>