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 相关文章推荐
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
node-red File读取好保存实例讲解
Sep 11 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
JavaScript继承的三种方法实例
May 12 Javascript
Vue操作Storage本地化存储
Apr 29 Vue.js
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
2020最新CPU的性能排名
2020/04/02 数码科技
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
教你在heroku云平台上部署Node.js应用
2014/07/30 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
2016/03/06 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
jsp 网站引入外部css或者js失效问题解决
2016/10/31 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
微信小程序仿美团城市选择
2018/06/06 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python代码检查工具pylint 让你的python更规范
2012/09/05 Python
Python中的pprint折腾记
2015/01/21 Python
python实现简单ftp客户端的方法
2015/06/28 Python
Django实现自定义404,500页面教程
2017/03/26 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
程序员岗位职责
2013/11/11 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
2014年个人教学工作总结
2014/12/09 职场文书
培训通知书模板
2015/04/17 职场文书
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技
 Python 中 logging 模块使用详情
2022/03/03 Python