javascript快速入门

2019-03-20 16:02|来源: 爱学习的孩子

html显示数据,css负责样式的显示,javascript负责完成页面的交互


js使用


1.可以直接在html页面中,在script标签中写相应的js的代码
<script type="text/javascript">
   alert("hello world");
</script>

2.可以引入外部文件,通过src来指定外部文件的位置,特别注意不能省略script的结束标记
<script type="text/javascript" src="hello.js"></script>
hello.js文件的内容:
alert("hello world");

变量

变量简介
对于js而言,是没有数据类型的(弱类型,没有数据类型),全部都是通过var来完成变量的创建
<script type="text/javascript">
   var a = 19;
   alert(a);//19
   a = "hello";//自动完成类型转换
   alert(a);//hello
</script>

变量的作用域
<script type="text/javascript">
   var b = 12;//全局变量
   function test1(){
       var a = 10;//局部变量
       alert(a);
       c=22;//当在函数内部没有使用var来声明变量的时候,这个变量就会作为全局变量声明
   }
   function test2(){
       alert(b);
       //alert(a);//局部变量无法访问
       alert(c);
   }
</script>

变量的类型

常用的类型有:Number,String,Array,Date
var a = 10.6;
// alert(typeof a);//显示变量类型

强制类型转换
a = "11";
//java进行强制类型转换是(Number)a,而js是通过Number(a)

//如果强制转换一个非数字的值为Number会得到一个NaN的值【NaN-->Not a Number】
var b = "abc";
//alert(Number(b));

//使用parseInt可以将字符串开头的几个数字转换为int,但是如果开头不是数字,那就得到NaN
b = "12px";
//alert(parseInt(b));

对于数组等对象而言,显示的结果就是object不会显示Array
var as = ["a","b",1,2,3];
alert(typeof as);

判断as是否是Array的实例,如果是返回true
alert(as instanceof Array);

布尔类型:true和false,在js中,非0就是true,特别注意:NaN是false
当一个变量没有定义值的时候,是undefined类型,undefined类型是false
特别注意:在js中除了NaN,undefined,0这三个数是false外其余皆是true


文链接:javascript快速入门转载请注明出处【http://www.656463.com/article/371】

相关问答

更多
  • 打字相对简单,参考http://wenku.baidu.com/link?url=x1SvM9buZKvjt6IJitWSJqCiQLSn5c2JfWdUoz12blTqiGvNwBIrhkABpUCGJRwYyD4PENIG1FFW51lYayQGDODJazf3ewp7Q_ZiLnRzlh_
  • 作为师兄的,也来给你说两句! 首先,你们那本书好像有九章! 每章都大概是什么内容!你要心里有个底!这些都是大概! 其次就是java编程的构思! java有个api文档,也不大,很多个版本。htm,chm都有 中文英文都有,你要学会用这个东西! 各种方法都在里面,因此会了api,只要你想的到的构思,相信你用api都可以找到 那样看各种函数方法之类的,就很简单了!
  • 一、SQL速成   以下是一些重要的SQL快速参考,有关SQL的语法和在标准SQL上增加的特性,请查询MySQL手册。   1.创建表   表是数据库的最基本元素之一,表与表之间可以相互独立,也可以相互关联。创建表的基本语法如下:   create table table_name   (column_name datatype {identity |null|not null},   …)   其中参数table_name和column_name必须满足用户数据库中的识别器(identifier)的要求, ...
  • 1.python 简明教程。 2.python 核心编程。 名字是核心编程,其实讲得很详细,而且很全面,看不懂就是你的问题了。 3.相当于python的兵工厂,python cookbook 这本书也没常好。 4.dive into python 在当年python资料少的时候,这本书很好,特别是解析xml这章很好。现在就推荐核心编程
  • 地址是 http://www.dearbook.com.cn/2006/aspdotnet2all/index.htm
  • 首先是手指操。四个手指的瓶颈在无名指的独立性,小指的力量,以及四指的扩展性上。这里介绍一个锻炼无名指独立性的手指操。 将四个手指依次按在一根弦的连续四个品上,比如第三弦的5、6、7、8品。然后保持食指、中指和小指始终按在弦上,让无名指反复抬 起和按下。刚开始可能会发现这样动的时候比较别扭,而且速度很慢,那么这个练习的目标便是:让无名指的动作如同食指一样灵活和快 速。这个手指操也可换成小指来练习,即保持食指、中指、无名指按弦不动,而反复运动小指。 第二个手指操也是练习独立性的。将食指和中指按在5、6品上不动, ...
  • Photoshop视频教程: http://www.psccc.cn/read.php?tid=555 photoshop实例进阶教程: http://www.psccc.cn/thread.php?fid=6 Photoshop效果实例教程: http://www.psccc.cn/thread.php?fid=6&type=1
  • 按照下面的方法,你也可以做到的: 在Excel中做界面式表格必须的步骤,设置统一背景色,渐变要比一般的单色更美观,字体格式要和背景色协调,添加图标下面说明文字,使整个表格颜色要保持在同一个色系。 第一步:表格整体填充浅灰色。 在excel中做界面式表格必须的步骤,设置统一背景色。 第二步:设置摆放图标的行白色填充色,然后插入文本框设置渐变色、输入文字和设置字体为华文彩文。 渐变要比一般的单色更美观,字体格式要和背景色协调。 第三步:通过复制粘贴或插入的方法添加图标(在百度或百度图片搜“图标”可以下载到很多漂 ...