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 第一阶段 学习使用总结的更多相关文章

  1. JavaScript第一阶段学习心得

    开始接触JavaScript是从慕课网开始的,基础篇学完.懵了一逼,可能是自己太蠢.感觉跟没学差不多,属性,方法,对象,什么都不懂.有的方法知道起的是什么效果,但是原理什么的都不知道. 还好,基础篇学 ...

  2. IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

    学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同 ...

  3. PHP四个阶段目标以及第一阶段学习内容

    PHP课程体系主要分为四个阶段,第一阶段讲的是网页HTML和数据库MySQL,第一阶段要学会网页制作的基础知识,熟用各种基本标签,对数据库进行操作,各项考核都能够达标,拿出出众的项目展示. 在第二个阶 ...

  4. Javascript提升阶段学习

    JavaScript1:javascript简介 JavaScript是一种脚本语言,能实现网页内容的交互显示,当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来 ...

  5. 前端之JavaScript第一天学习(1)-JavaScript 简介

    javaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaSc ...

  6. 面向对象(OO)第一阶段学习总结

    前言:对OO本阶段作业情况说明 本阶段一共完成三次作业,第一次主要是在主方法里面进行编程,也就是和之前C差不多,而随着学习的深入,慢慢了解到面向对象与面向过程的区别.作业的难度也在慢慢增大,后两次都用 ...

  7. jQuery 第一阶段 学习使用总结

    jQuery 是一个 JavaScript 库,位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数.在平常的使用过程中,会常常与JavaScript,配合css使用,能够令网 ...

  8. 前端之JavaScript第一天学习(3)-JavaScript输出

    JavaScript 通常用于操作 HTML 元素. 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) ...

  9. 前端之JavaScript第一天学习(2)-JavaScript 使用

    HTML 中的脚本必须位于 <script> 与 </script> 标签之间.脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中 ...

随机推荐

  1. Ajax的原理和运行机制

    关于ajax,是最近炒得非常火的一种技术,并且时下它也是非常流行.当然,它并不是什么新技术,而是在各种已有的技术和支持机制下的一个统一.在我的项目中,偶尔也会用到ajax,用来给用户一些无刷新的体验. ...

  2. Linux 4.1内核编译报告

    编译环境 Arch Linux on VirtualBox 下载内核 https://www.kernel.org/ 下载的内核压缩包,此时的最新内核版本为4.1: 解压包 # tar -xvJf l ...

  3. CentOS6.5安装LAMP环境的前期准备

    首先需要按照前一篇<CentOS 6.5下安装MySql 5.7>的安装步骤配置好防火墙.关闭 SELINUX 1.编译安装libxml2注:libxml2是一个xml的c语言版的解析器, ...

  4. [HTML5 Canvas学习] 基础知识

    HTML5 canvas元素通过脚本语言(通常是Javascript) 绘制图形, 它仅仅是一个绘图环境,需要通过getContext('2d')方法获得绘图环境对象,使用绘图环境对象在canvas元 ...

  5. 编写可维护的javascript代码---开篇（介绍自动报错的插件）

    文章开篇主要推荐了2款检测编程风格的工具: JSLint和JSHint: jsLint是由Douglas Crockford创建的.这是一个通用的javascript代码质量检测工具,最开始JSLin ...

  6. 安装mysql-python报错

    运行: pip install mysql-python报错如下: Downloading/unpacking MYSQL-python Downloading MySQL-python-1.2.5. ...

  7. iOS开发——C篇&数组与指针

    2015-07-17 13:23 编辑 前面我们介绍了关于C语言的内存分配问题,下面我们就开始介绍关于C语言的两个非常重要的知识点:数组与指针 数组与指针其实不仅仅是再C语言中,再OC中(当然OC是内 ...

  8. 转：Thumbs.db是什么文件？是病毒吗？怎么处理？

    今天有朋友兴冲冲的问我,Thumbs.db是什么文件?是病毒吗?会不会对电脑产生危害. 很多朋友对Thumbs.db这个文件不了解,会以为是病毒,实际上并非如此.那么,Thumbs.db是什么文件?有 ...

  9. Win7主题被禁用

    今天早上干了一件傻缺的事,打开电脑的时候,某卫士提醒开机速度击败全国0.2%的电脑,之后点了优化...随后就发生了接下来的一幕: win7下面的主题都不能使用了,只能使用那种复古(很丑的样式,看着很不 ...

  10. IC芯片設計

    IC從生產目的上可以分成為通用IC(如CPU,DRAM,接口芯片等)和ASIC(ApplicationSpecificIntegreted Circuit)兩種,ASIC是因應專門用途而生產的IC.  ...