Javascript 入门基础学习
作者:bea
一.JavaScript简介: 学习JavaScript之前,有些东西你需要先了解: HTML XHTML 我觉得这些不需要太深入,懂个大概就行。 JavaScript是: JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言。 JavaScript 由数行可执行计算机代码组成。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种解释性语言。 所有的人无需购买许可证均可使用 Jav
一.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之前,有些东西你需要先了解: 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中常用的事件写出来。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery 第二课 操作包装集元素代码
- jQuery入门第一课 jQuery选择符
- javascript 图片轮换显示效果代码
- 使用JavaScript switch case 另类写法
- 两个JavaScript jsFiddle JSBin在线调试器
- JS 日期操作代码,获取当前日期,加一天,减一天
- input的focus方法使用
- JavaScript prototype对象的属性说明
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
- JS在IE和FireFox之间常用函数的区别小结
- javascript offsetX与layerX区别
- jQuery 点击图片跳转上一张或下一张功能的实现代码
- javascript 图片上一张下一张链接效果代码
- JQuery Ajax 跨域访问的解决方案
- javascript 不用reverse实现字符串反转的代码
- ExtJS 学习专题(一) 如何应用ExtJS(附实例)
- jquery 简单的进度条实现代码
- 精通JavaScript 纠正 cleanWhitespace函数
- javascript模拟滚动条实现代码