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 相关文章推荐
JqGrid web打印实现代码
May 31 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
JavaScript中length属性的使用方法
Jun 05 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
jQuery图片切换动画特效
Nov 02 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
jQuery获取选中单选按钮radio的值
Dec 27 Javascript
Angular父子组件通过服务传参的示例方法
Oct 31 Javascript
vue插件draggable实现拖拽移动图片顺序
Dec 01 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 Javascript
小程序自动化测试的示例代码
Aug 11 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数字格式化
2006/12/06 PHP
php 取得瑞年与平年的天数的代码
2009/08/10 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
javascript date格式化示例
2013/09/25 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
Vue简单实现原理详解
2020/05/07 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python+Django+apache的配置方法详解
2016/06/01 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
spyder常用快捷键(分享)
2017/07/19 Python
django实现用户登陆功能详解
2017/12/11 Python
Python Requests库基本用法示例
2018/08/20 Python
python 提取tuple类型值中json格式的key值方法
2018/12/31 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
python提取xml里面的链接源码详解
2019/10/15 Python
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
理工大学毕业生自荐信范文
2014/02/22 职场文书
酒店前台岗位职责
2015/04/16 职场文书
雷锋观后感
2015/06/10 职场文书
浅谈如何提高PHP代码质量之端到端集成测试
2021/05/28 PHP
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python