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 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
Aug 25 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
node中modules.exports与exports导出的区别
Jun 08 Javascript
jQuery实现网页拼图游戏
Apr 22 jQuery
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
Vue使用NProgress进度条的方法
Sep 21 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
初品cakephp 入门基础
2012/02/16 PHP
php发送post请求函数分享
2014/03/06 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
使用图灵api创建微信聊天机器人
2015/07/23 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
PHP的自定义模板引擎
2017/03/24 PHP
JQuery从头学起第一讲
2010/07/04 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
JS 控件事件小结
2012/10/31 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
python中Genarator函数用法分析
2015/04/08 Python
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
python按照多个条件排序的方法
2019/02/08 Python
Django web自定义通用权限控制实现方法
2020/11/24 Python
python音频处理的示例详解
2020/12/23 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
高中三年学习生活的自我评价
2013/10/10 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
个人担保书格式范文
2014/05/12 职场文书
经典团队口号大全
2014/06/21 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
环卫工作个人总结
2015/03/04 职场文书
童年读书笔记
2015/06/26 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书