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中的对象和数组的应用技巧
Jan 07 Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
Dec 10 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
jquery 中ajax执行的优先级
Jun 22 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
May 12 Javascript
JavaScript实现移动端轮播效果
Jun 06 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
JS可断点续传文件上传实现代码解析
Jul 30 Javascript
JS+css3实现幻灯片轮播图
Aug 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实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
javascript 获取网页参数系统
2008/07/19 Javascript
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
JS实现touch 点击滑动轮播实例代码
2017/01/19 Javascript
微信小程序radio组件使用详解
2018/01/31 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
2018/04/01 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
Python批量创建迅雷任务及创建多个文件
2016/02/13 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
Python自动创建Excel并获取内容
2020/09/16 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
土木工程应届生求职信
2013/10/31 职场文书
微信营销策划方案
2014/02/24 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
导游词之青城山景区
2019/09/27 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python