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 动态创建VML的方法
Oct 14 Javascript
extJs 下拉框联动实现代码
Apr 09 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
基于jQuery.Validate验证库知识点的详解
Apr 26 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
基于Bootstrap重置输入框内容按钮插件
May 12 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 Javascript
Vue按需加载的具体实现
Dec 02 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
JS实现点星星消除小游戏
Mar 24 Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 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
一个程序下载的管理程序(一)
2006/10/09 PHP
给多个地址发邮件的类
2006/10/09 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
超清晰的document对象详解
2007/02/27 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
javascript 兼容所有浏览器的DOM扩展功能
2012/08/01 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
Firefox和IE兼容性问题及解决方法总结
2013/10/08 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
js实现浏览器倒计时跳转页面效果
2016/08/12 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
python获得图片base64编码示例
2014/01/16 Python
python实现各种插值法(数值分析)
2019/07/30 Python
python脚本后台执行方式
2019/12/21 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
HTML5标签大全
2016/11/23 HTML / CSS
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
啤酒销售实习自我鉴定
2013/09/24 职场文书
催款通知书范文
2015/04/17 职场文书
修辞手法有哪些?
2019/08/29 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
php实现自动生成验证码的实例讲解
2021/11/17 PHP
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis