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 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
jQuery实用函数用法总结
Aug 29 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
JavaScript RegExp 对象用法详解
Sep 24 Javascript
Vue实现Layui的集成方法步骤
Apr 10 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生成静态HTML页面最简单方法示例
2015/04/09 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解
2019/04/10 PHP
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用python将mdb数据库文件导入postgresql数据库示例
2014/02/17 Python
python实现网站的模拟登录
2016/01/04 Python
Python实现定时任务
2017/02/08 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
Django框架视图函数设计示例
2019/07/29 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Python使用Matlab命令过程解析
2020/06/04 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
优秀员工评语
2014/02/10 职场文书
《燕子》教学反思
2014/02/18 职场文书
ktv筹备计划书
2014/05/03 职场文书
员工薪酬激励方案
2014/06/13 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
尝试使用Python爬取城市租房信息
2022/04/12 Python