Javascript 入门基础学习


Posted in Javascript onMarch 10, 2010

一.JavaScript简介:

学习JavaScript之前,有些东西你需要先了解:
HTML
XHTML

我觉得这些不需要太深入,懂个大概就行。

JavaScript是:
JavaScript 被设计用来向 HTML 页面添加交互行为。
JavaScript 是一种脚本语言。
JavaScript 由数行可执行计算机代码组成。
JavaScript 通常被直接嵌入 HTML 页面。
JavaScript 是一种解释性语言。
所有的人无需购买许可证均可使用 JavaScript。
这些都是一些书里关于JavaScript的定义,知道就行了。
二.实现JavaScript简单的例子:
[html]
<html>
<body>
<script type="text/javascript">
document.write("这就是JavaScript.");
</script>
</body>
</html>
将JavaScript代码嵌入HTML页面时,需要在头和尾处加上JavaScript的标签,来告诉浏览器这是JavaScript代码。

比如上面的例子就会在页面上显示:
这就是JavaScript.

假如没有例子中的红色部分代码,将会显示:
document.write("这就是JavaScript.")

在以前,老的浏览器不支持JavaScript时,为防止浏览器将JavaScript代码当做文本输出,我们可以将代码写成:

<script type="text/javascript"> 
<!-- 
document.write("Hello World!"); 
//--> 
</script>

这样的话不支持JavaScript的浏览器会自动跳过里面的代码,支持的则将会执行里面的代码。
一般情况下,我们尽可能的将JavaScript代码独立出来,做成外部文件,一是使页面代码不那么混乱,二是在不同页面复用JavaScript代码时避免重复编写。
<script src="aaa.js">....</script>
.js文件一般统一放在网站的子目录中,方便维护和增加代码可读性。
三.JavaScript语句及注释
JavaScript语句带不带“;”都可以,不带的以一行为一句,带“;”的可以在同一行写多个语句。
<script type="text/javascript"> 
document.write("<h1>Hello</h1>"); //以<h1>格式 输出 "Hello" 
document.write("World"); // 输出 "World" 
/*这样的多行注释。*/ 
</script>

从这个简单例子中可以看出来在JavaScript输出语句中可以嵌入HTML语句,您可以试着写一些复杂的例子。
四.JavaScript基本语法

1.声明变量

var x;var x=1;var x="你好"。。。。就一个var,很是简单。

2.运算符

这个和其他语言很类似,没什么好说的。网上找张表,自己看看。
运算符 描述
+ 加
- 减
* 乘
/ 除
% 求余数
++ 累加
-- 递减
运算符 例子 等价于
= x=y
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x=x/y
%= x%=y x=x%y

有意思的是若是两个字符串相加,输出的是这两个字符串拼接的结果。

3.if,switch,for,while
这些都很简单,看看例子就行了。

<script type="text/javascript"> 
var a=3 
if(a==1) 
{ 
document.write("a的值是1"); 
} 
else if(a==2) 
{ 
document.write("a的值是2"); 
} 
else 
{ 
document.write("a的值比2大"); 
} 
</script>

switch(n) 
{ 
case 1: 
执行代码块 1 
break 
case 2: 
执行代码块 2 
break 
default: 
如果n即不是1也不是2,则执行此代码 
}

for (i=0;i<=10;i++) 
{ 
document.write("The number is " + i) 
document.write("<br />") 
}

var i=0 
do{ 
document.write("The number is " + i) 
document.write("<br>") 
i++ 
}while (i <= 10)

var i=0 
while (i <= 10) 
{ 
document.write("The number is " + i) 
document.write("<br>") 
i++ 
}

for (变量 in 对象)//遍历数组常用的 
{ 
在此执行代码 
}

这些都是最基础的东西,下次我会将JavaScript中常用的事件写出来。
Javascript 相关文章推荐
模拟电子签章盖章效果的jQuery插件源码
Jun 24 Javascript
JS实现FLASH幻灯片图片切换效果的方法
Mar 04 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
JS中的forEach、$.each、map方法推荐
Apr 05 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
js放到head中失效的原因与解决方法
Mar 07 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 Javascript
使用JavaScript破解web
Sep 28 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
JS判断数组四种实现方法详解
Jun 29 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 #Javascript
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 #Javascript
js Date自定义函数 延迟脚本执行
Mar 10 #Javascript
js 蒙版进度条(结合图片)
Mar 10 #Javascript
javascript 事件查询综合 推荐收藏
Mar 10 #Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 #Javascript
Jquery替换已存在于element上的event的方法
Mar 09 #Javascript
You might like
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
一个网马的tips实现分析
2010/11/28 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
纯javascript移动优先的幻灯片效果
2015/11/02 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
简单了解python中对象的取反运算符
2019/07/01 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
python3 kubernetes api的使用示例
2021/01/12 Python
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
财务管理专业毕业生求职信范文
2013/09/21 职场文书
社团成立邀请函
2014/01/08 职场文书
爱耳日活动总结
2014/04/30 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
身份证丢失证明
2015/06/19 职场文书
python实现Thrift服务端的方法
2021/04/20 Python