Maison > interface Web > js tutoriel > 菜鸟javascript基础整理1_基础知识

菜鸟javascript基础整理1_基础知识

WBOY
Libérer: 2016-05-16 18:14:32
original
1063 Les gens l'ont consulté

1

复制代码 代码如下:

//页面中写入html内容
document.write("

Hello World!

")

2
复制代码 代码如下:

//为了防止不支持 JavaScript 的浏览器把js当作为页面的内容来显示
//注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。


3
复制代码 代码如下:

//onload事件的多种写法
//第一种通过body标签加入onload事件


//第二种直接用window函数调用onload事件


4
//JavaScript 放置的位置
当页面载入时,会执行位于 body 部分的 JavaScript。(直接执行)
当被调用时,位于 head 部分的 JavaScript 才会被执行。
head 部分
包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前,脚本已经载入了。

5.
//分号的作用
//分号是可选的(根据 JavaScript 标准),浏览器把行末作为语句的结尾,通过使用分号,可以在一行中写多条语句。

6。
//JavaScript 变量名称的规则:
变量对大小写敏感(y 和 Y 是两个不同的变量)
变量必须以字母或下划线开始

7。
//变量的声明
如果您所赋值的变量还未进行过声明,该变量会自动声明。
例:
x=5; carname="Volvo";
与后面的这些语句的效果相同:var x=5; var carname="Volvo";

8。
//比较运算符
运算符      描述    例子
=== 全等(值和类型)  x===5 为 true; x==="5" 为 false

9。
//条件运算符(三目运算符)
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
name=("liuhuan"=="LH")?"刘欢":"歌星";


10。
//获得当前系统时间(小时数)
var d = new Date()
var time = d.getHours()

11。
//随机数
var num=Math.random();
产生的伪随机数介于 0 和 1 之间(含 0,不含 1),也就是,返回值可能为0,但总是小于1。在第一次加载 JScript 时随机数发

生器自动产生 。

12。
//获取今天的星期数(星期日为0,星期1-6为1-6)
var d = new Date()
theDay=d.getDay()

13。
//按钮的触发事件

14。
//弹出框内容换行
alert("再次向您问好!在这里,我们向您演示" + '\n' + "如何向警告框添加折行。")

15.
//确认框(删除方法)
//confirm("文本")

16.
//于用户交互的弹出框(可输入文字的提示框)
//prompt("文本","默认值")

17。
//带有参数并返回值的函数






18。
//for循环 (本例中动态生成html中的h标签)



19。
//break跳出语句

解释:循环会在 i=3 时中断。


20。
//continue跳出语句

解释:当 i=3 时,会中断循环,并从下一个值开始继续循环。


值为:01245678910

21。
//for in循环(相当于.net中的foreach循环)

 


 
 

 


22。
//javascript事件
onload   某个页面或图像被完成加载 //页面加载
onunload  用户退出页面

onfocus  元素获得焦点
onblur   元素失去焦点       //表单验证
onchange  用户改变域的内容   
onreset  重置按钮被点击
onsubmit  提交按钮被点击  //用于在提交表单之前验证所有的表单域。
例如:
(当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。checkForm() 函数的返回值是 bool类型,如果返回值为true,则

提交表单,反之取消提交。)

onkeydown  某个键盘的键被按下
onkeypress  某个键盘的键被按下或按住   //键盘操作
onkeyup  某个键盘的键被松开 

onclick  鼠标点击某个对象   
ondblclick 鼠标双击某个对象
onmousedown 某个鼠标按键被按下    //鼠标操作
onmousemove 鼠标被移动    
onmouseout  鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onmouseup  某个鼠标按键被松开

onabort    图像加载被中断
onerror  当加载文档或图像时发生某个错误

onresize  窗口或框架被调整尺寸
onselect  文本被选定

 

23。
//js中的错误提示 err.description及其try...catch 语句
例如:

24。
//带有确认框的 try...catch 语句





 


25。
//创建 exception(异常或错误)。(配合try...catch语句使用)
例如:


26。
//return true和return true的用法
(它可以返回一个bool型的参数,继续用于判断)
function jiance(msg,url,l){
alert("你确定吗?")
return true
}
function jieguo(){
 if(jiance()){
  alert("是");
 }
 else{
  alert("否");
 }
}

27.
//onerror 事件






28。
//JavaScript 中使用反斜杠来向文本字符串添加特殊字符。
例如:
var txt="We are the so-called \"Vikings\" from the north."
document.write(txt)

29。
//javascript注意事项
1。JavaScript 对大小写敏感
2。JavaScript 会忽略多余的空格
3。在编写代码时可以使用反斜杠进行换行
例:
document.write("Hello \

World!");

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal