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吗?
Feb 24 Javascript
javascript函数中的arguments参数
Aug 01 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 19 Javascript
JavaScript前端面试扁平数据转tree与tree数据扁平化
Jun 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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
PHP和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
js仿苹果iwatch外观的计时器代码分享
2015/08/26 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
使用vue实现点击按钮滑出面板的实现代码
2017/01/10 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
2018/05/17 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
python 写的一个爬虫程序源码
2016/02/28 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
Python给你的头像加上圣诞帽
2018/01/04 Python
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
python 制作网站小说下载器
2021/02/20 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
机电一体化毕业生求职信
2013/11/02 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
观看建国大业观后感
2015/06/01 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
vue里使用create, mounted调用方法
2022/04/26 Vue.js
Go gorilla/sessions库安装使用
2022/08/14 Golang