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做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
通过隐藏iframe实现文件下载的js方法介绍
Feb 26 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
Apr 12 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
js实现鼠标点击文本框自动选中内容的方法
Aug 20 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 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中截取字符串支持utf-8
2007/01/18 PHP
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
php验证码生成器
2017/05/24 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
Laravel find in set排序实例
2019/10/09 PHP
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
JS合并数组的几种方法及优劣比较
2014/09/19 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
详解webpack提取第三方库的正确姿势
2017/12/22 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
node.js文件操作系统实例详解
2019/11/05 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
Python with的用法
2014/08/22 Python
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
django项目搭建与Session使用详解
2018/10/10 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
数组越界问题
2015/10/21 面试题
浅谈react路由传参的几种方式
2021/03/23 Javascript
就业表自我评价分享
2014/02/06 职场文书
入党积极分子自我鉴定
2014/02/18 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
七年级作文之游记
2019/12/11 职场文书
Django框架中模型的用法
2022/06/10 Python