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 相关文章推荐
自动完成JS类(纯JS, Ajax模式)
Mar 12 Javascript
javascript 定义新对象方法
Feb 20 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
潜说js对象和数组
May 25 Javascript
使用命令对象代替switch语句的写法示例
Feb 28 Javascript
js实现同一页面多个运动效果的方法
Apr 10 Javascript
javascript格式化日期时间方法汇总
Jun 19 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
May 11 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
Javascript查看大图功能代码实现
May 07 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开发中的中文编码问题
2013/08/08 PHP
php关联数组与索引数组及其显示方法
2018/03/12 PHP
Gird事件机制初级读本
2007/03/10 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
JavaScript中引用vs复制示例详析
2018/12/06 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
python 不关闭控制台的实现方法
2011/10/23 Python
用Python编写简单的微博爬虫
2016/03/04 Python
查看Django和flask版本的方法
2018/05/14 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
电大自我鉴定范文
2013/10/01 职场文书
群众路线四风自我剖析材料
2014/10/08 职场文书
史上最牛的辞职信
2015/02/28 职场文书
写给女朋友的检讨书
2015/05/06 职场文书
领导干部学习心得体会
2016/01/23 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android