Heim > Web-Frontend > js-Tutorial > Javascript 入门基础学习_基础知识

Javascript 入门基础学习_基础知识

WBOY
Freigeben: 2016-05-16 18:32:48
Original
1084 Leute haben es durchsucht

一.JavaScript简介:
  学习JavaScript之前,有些东西你需要先了解:
HTML
XHTML
  我觉得这些不需要太深入,懂个大概就行。
  JavaScript是:
JavaScript 被设计用来向 HTML 页面添加交互行为。
JavaScript 是一种脚本语言。
JavaScript 由数行可执行计算机代码组成。
JavaScript 通常被直接嵌入 HTML 页面。
JavaScript 是一种解释性语言。
所有的人无需购买许可证均可使用 JavaScript。
这些都是一些书里关于JavaScript的定义,知道就行了。
二.实现JavaScript简单的例子:
[html]





将JavaScript代码嵌入HTML页面时,需要在头和尾处加上JavaScript的标签,来告诉浏览器这是JavaScript代码。
  比如上面的例子就会在页面上显示:
这就是JavaScript.
  假如没有例子中的红色部分代码,将会显示:
document.write("这就是JavaScript.")
  在以前,老的浏览器不支持JavaScript时,为防止浏览器将JavaScript代码当做文本输出,我们可以将代码写成:
复制代码 代码如下:



这样的话不支持JavaScript的浏览器会自动跳过里面的代码,支持的则将会执行里面的代码。
一般情况下,我们尽可能的将JavaScript代码独立出来,做成外部文件,一是使页面代码不那么混乱,二是在不同页面复用JavaScript代码时避免重复编写。

.js文件一般统一放在网站的子目录中,方便维护和增加代码可读性。
三.JavaScript语句及注释
JavaScript语句带不带“;”都可以,不带的以一行为一句,带“;”的可以在同一行写多个语句。
复制代码 代码如下:



从这个简单例子中可以看出来在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
这些都很简单,看看例子就行了。
复制代码 代码如下:



复制代码 代码如下:

switch(n)
{
case 1:
执行代码块 1
break
case 2:
执行代码块 2
break
default:
如果n即不是1也不是2,则执行此代码
}

复制代码 代码如下:

for (i=0;i{
document.write("The number is " + i)
document.write("
")
}  

复制代码 代码如下:

var i=0
do{
document.write("The number is " + i)
document.write("
")
i++
}while (i

复制代码 代码如下:

var i=0
while (i {
document.write("The number is " + i)
document.write("
")
i++
}

复制代码 代码如下:

for (变量 in 对象)//遍历数组常用的
{
在此执行代码
}

这些都是最基础的东西,下次我会将JavaScript中常用的事件写出来。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage