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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
javascript 闭包疑问
Dec 30 Javascript
javascript插入样式实现代码
Feb 22 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
浅谈javascript中关于日期和时间的基础知识
Jul 13 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
JavaScript实现瀑布流图片效果
Jun 30 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 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模板引擎
2016/08/26 PHP
实例分析PHP将字符串转换成数字的方法
2019/01/27 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
treepanel动态加载数据实现代码
2012/12/15 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
JS控制静态页面传递参数并获取参数应用
2016/08/10 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
JS实现数组深拷贝的方法分析
2019/03/06 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
Python tkinter label 更新方法
2018/10/11 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
Django values()和value_list()的使用
2020/03/31 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
详解CSS3中常用的样式【基本文本和字体样式】
2020/10/20 HTML / CSS
澳大利亚买卖正宗二手奢侈品交易平台:Luxe.It.Fwd
2019/10/16 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
与C++相比,Java中的数组有什么不同
2014/03/25 面试题
九年级科学教学反思
2014/01/29 职场文书
事业单位绩效考核实施方案
2014/03/27 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
Win11运行cmd提示“请求的操作需要提升”的两种解决方法
2022/07/07 数码科技