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 圆角div的实现代码
Oct 15 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 Javascript
JS分页效果示例
Oct 11 Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
Jul 20 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 zip文件解压类代码
2009/12/02 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
php遍历树的常用方法汇总
2015/06/18 PHP
php微信开发之带参数二维码的使用
2016/08/03 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
javascript Prototype 对象扩展
2009/05/15 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
jQuery中用dom操作替代正则表达式
2014/12/29 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
在点击div中的p时,如何阻止事件冒泡
2017/02/07 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python中动态创建类实例的方法
2017/03/24 Python
django drf框架自带的路由及最简化的视图
2019/09/10 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
python mock测试的示例
2020/10/19 Python
python tkinter实现连连看游戏
2020/11/16 Python
matplotlib事件处理基础(事件绑定、事件属性)
2021/02/03 Python
python实现录制全屏和选择区域录屏功能
2021/02/05 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
什么是方法的重载
2013/06/24 面试题
出纳岗位职责
2013/11/09 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
花坛标语大全
2014/06/30 职场文书
庆七一主持词
2015/06/29 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python