Javascript 第一阶段 学习使用总结
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中,或者位于 <script> 与 </script> 标签之间。
如需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法
'''
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript"; //应用ID
document.write("<p>My First JavaScript</p>"); //直接输出HTML标签
document.write("糟糕!文档消失了。"); //在函数中使用
</script>
'''
如需改变 HTML 元素的属性,请使用这个语法:document.getElementById(id).attribute=new value
document.getElementById("image").src="tupian.jpg";
如需改变 HTML 元素的样式,请使用这个语法:document.getElementById(id).style.property=new style
document.getElementById("p2").style.color="blue";
我们可以在事件发生时执行 JavaScript,
onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。
首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。
如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript的代码:onclick=(JavaScript)
document.getElementById("myBtn").onclick=function(){displayDate()}; //调用
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
<body onload="checkCookies()">
onchange 事件常结合对输入字段的验证来使用。
<input type="text" id="fname" onchange="upperCase()"> //当用户改变输入字段的内容时,会调用 upperCase() 函数
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素
<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div> <script>
var para=document.createElement("p"); //创建新的 <p> 元素
var node=document.createTextNode("这是新段落。"); //创建文本节点
para.appendChild(node); //向 <p> 元素追加文本节点 var element=document.getElementById("div1"); //找到一个已有的元素
element.appendChild(para);
</script>
如需删除 HTML 元素,您必须首先获得该元素的父元素
<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div> <script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>
对于JS:
var txt = "Hello"; //声明的字符串,即为对象,自带属性length....
objectName.propertyName //访问对象的属性
objectName.methodName() //调用对象方法
JavaScript 变量的生命期从它们被声明的时间开始。
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它,局部变量会在函数运行以后被删除。
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它,全局变量会在页面关闭后被删除。
对字符串和数字进行加法运算,结果将成为字符串。
x=5+5;
document.write(x); // x="5"+"5";
document.write(x); // x=5+"5";
document.write(x); // x="5"+5;
document.write(x); //
条件运算符:variablename=(condition)?value1:value2
greeting=(visitor=="PRES")?"Dear President ":"Dear "; //如果变量visitor中的值是"PRES",则向变量greeting赋值"Dear President ",否则赋值 "Dear"。
break 语句用于跳出循环。break 语句跳出循环后,会执行该循环之后的代码
continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。
for (i=0;i<=10;i++){
if (i==3) continue; //break; 输出0,1,2
x=x + "The number is " + i + "<br>";
} //输出0,1,2,4,5,6,7,8,9
try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。
try{
var x=document.getElementById("demo").value;
if(x=="") throw "empty";
if(isNaN(x)) throw "not a number";
if(x>10) throw "too high";
if(x<5) throw "too low";
}
catch(err){
var y=document.getElementById("ID");
y.innerHTML="Error: " + err + "."; //满足条件时,ID内容为throw的内容
}
Javascript 第一阶段 学习使用总结的更多相关文章
- JavaScript第一阶段学习心得
开始接触JavaScript是从慕课网开始的,基础篇学完.懵了一逼,可能是自己太蠢.感觉跟没学差不多,属性,方法,对象,什么都不懂.有的方法知道起的是什么效果,但是原理什么的都不知道. 还好,基础篇学 ...
- IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作
学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同 ...
- PHP四个阶段目标以及第一阶段学习内容
PHP课程体系主要分为四个阶段,第一阶段讲的是网页HTML和数据库MySQL,第一阶段要学会网页制作的基础知识,熟用各种基本标签,对数据库进行操作,各项考核都能够达标,拿出出众的项目展示. 在第二个阶 ...
- Javascript提升阶段学习
JavaScript1:javascript简介 JavaScript是一种脚本语言,能实现网页内容的交互显示,当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来 ...
- 前端之JavaScript第一天学习(1)-JavaScript 简介
javaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaSc ...
- 面向对象(OO)第一阶段学习总结
前言:对OO本阶段作业情况说明 本阶段一共完成三次作业,第一次主要是在主方法里面进行编程,也就是和之前C差不多,而随着学习的深入,慢慢了解到面向对象与面向过程的区别.作业的难度也在慢慢增大,后两次都用 ...
- jQuery 第一阶段 学习使用总结
jQuery 是一个 JavaScript 库,位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数.在平常的使用过程中,会常常与JavaScript,配合css使用,能够令网 ...
- 前端之JavaScript第一天学习(3)-JavaScript输出
JavaScript 通常用于操作 HTML 元素. 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) ...
- 前端之JavaScript第一天学习(2)-JavaScript 使用
HTML 中的脚本必须位于 <script> 与 </script> 标签之间.脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中 ...
随机推荐
- PHP搜索Solr文档(含高亮)
<?php $options = array ( 'hostname' => 'localhost', 'port' => '8080', 'path' => 'solr/he ...
- 由问题引出的fsck命令
博客停了两天,今天打开linux虚拟机,突然间报错了,顿时心中一喜(是吗?),当时看了下错误说明,好像有关于时间的问题(某个时间是未来时间)..然后我就去兴匆匆的修改系统时间,重启...唉,没作用.只 ...
- C# FTP操作
using System; using System.Collections.Generic; using System.Net; using System.IO; namespace FTP操作 { ...
- unset() isset() empty difined()操作变量详解
isset()函数 一般用来检测变量是否设置 格式:bool isset ( mixed var [, mixed var [, ...]] ) 功能:检测变量是否设置 返回值: 若变量不存在则返 ...
- Python新手学习基础之函数-lambda函数
lambda函数 在Python里除了用def定义函数外,还有一种匿名函数,也就是标题所示的lambda函数,它是指一类无需定义标识符(函数名)的函数或子程序. lambda函数的使用语法如下: la ...
- ppt画笔标记在哪里|ppt中画笔工具功能怎么用?
一.ppt中画笔工具功能在哪里? 这个画笔工具其实就相当于我们的一个标记工具,要实现标记功能首先将需要演示的PPT按住F5进入到放映状态,然后在右击ppt上的空白处就会弹出衣蛾对话框,在对话框中选择“ ...
- Android模拟器genymotion安装与eclipse 插件安装
推荐一款Android模拟器"Genymotion",有点速度快,占用资源少,可整合eclipse.闲话少谈,看安装步骤. 1.下载地址:https://www.genymotio ...
- bzoj1188: [HNOI2007]分裂游戏
Description 聪聪和睿睿最近迷上了一款叫做分裂的游戏. 该游戏的规则试: 共有 n 个瓶子, 标号为 0,1,2.....n-1, 第 i 个瓶子中装有 p[i]颗巧克力豆,两个人轮流取豆子 ...
- 在同个工程中使用 Swift 和 Objective-C(Swift 2.0更新)-b
本节包含内容: Mix and Match 概述(Mix and Match Overview) 在同个应用的 target 中导入(Importing Code from Within the Sa ...
- html5 中常用的标签和属性
标签: <blockquote> 标签定义摘自另一个源的块引用. <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来, ...