黑马程序员-javascript(上)

Javascript是基于对象(并非面向对象)和事件驱动的脚步语言,主要应用在客户端。,

特点:1)交互性,它可以做的就是信息的动态交互。

   2) 安全性,不允许直接访问本地硬盘。

  3)跨平台性,只要是可以解释js的浏览器都可以执行,和平台无关。

 

JavascriptJava不同:

1).JsNetScape(网景)公司的产品,前身是LiveScapeJavaSun公司的产品。

2).Js是基于对象(内存中都是对象,)Java是面向对象(用面向对象的方式思考问题)。

3).Js只需要解释就可以执行,Java需要先编译成字节码文件,再执行。

4).Js是弱类型,Java是强类型(每种数据都有对应的数据类型,并且都分配有固定的空间,egbyte类型是一个字节(8bit))

 

JavascriptHtml结合方式

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 //jsfalse就是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值为truet<6值为true,而在进行&运算时,默认都用1表示,1&1就是1)

 

eg6&3=2

(61103011,所以与的结果为010,就是2)

4)一些细节

undefined:为定义,其实它就是一个常量。

假如一个变量只定义未赋值,就会出现类似情况。

egvar   x;  

alert(x);//出现一个提示undefined的窗口

alert(x==undefined)  打印结果为:true

 

5)可以用typeof来获取具体值得类型。

egalerttypeof(abc))  结果:String

alert(typeof(2.5))结果:number

alerttypeof(2.5)==number) 结果为true

alerttypeof(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>

 


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值