记JavaScript的入门学习（一）
2016年11月20日算是每天都会利用点时间去思考，去学习，接下来便是我学习JavaScript的前前后后，希望早日学完JavaScript和jQuery
之前学校毕业设计选择了一个如下图的题目
希望可以早日知道这里面到底都使用了什么功能才形成了如此神奇的二维码
如下刚学的例子：
1、通过js脚本改变原有的背景颜色
<!DOCTYPE html>
<html lang = "zh-cn">
<head>
<meta charset = "UTF-8">
<title>关于背景色</title>
</head>
<body bgcolor=white>
<p>Paragraph 1</p>
<script type="text/javascript">
// 改变背景颜色
document.bgColor = "red";
</script>
</body>
</html>
代码仅仅是用来演示，在实际的应用中，如果要将页面的背景色设置成红色，可直接将<body>标记的bgcolor属性设置为“red”即可，并不需要使用JavaScript。例如：如果用户显示器的分辨率比较低，可以使用JavaScript调整页面上的内容。另外，使用JavaScript修改属性还可以实现一些特效，比如实现页面颜色的渐变效果。
2、当页面加载时，首先看到第一段落的内容，即Paragraph 1，然后是一个消息框，这个消息框是由第一个脚本块产生的。这是，浏览器的页面解析过程将被挂起（halt），并一直等待你单击消息框的OK按钮。颜色在点击按钮后在变化，点击按钮之后网页才会向下解析。
<!DOCTYPE html>
<html lang = "zh-cn">
<head>
<meta charset = "UTF-8">
<title>关于背景色</title>
</head>
<body bgcolor=white>
<p>Paragraph 1</p>
<script type="text/javascript">
// document.bgColor = "red";
// script block 1
alert("First script block");
</script>
<p>Paragraph 2</p>
<script type="text/javascript">
// script block 2
document.bgColor="red";
alert("Second script block")
</script>
<p>Paragragh 3</p>
</body>
</html>
通过这个实例，就是可以了解到两种不同的方法来设置页面的背景属性。比如设置页面的背景色属性时，既可以通过HTML标记进行设置，是一种静态的方法，将属性值直接写在HTML ，除非直接修改HTML，否则它的值不会改变；也可以通过JavaScript代码进行设置，可以在程序中动态的改变属性的值。
*动态：指某些元素的属性值或外观是可以改变的，可以在代码中改变它们的值，从而改变这些元素。
不同的浏览器所支持的HTML标准的版本也可能存在差异，不同浏览器中JavaScript解释器所支持也可能有所不同。例如在一个浏览器只能实现图片的移动可能就需要几行或者几十行也可能无法实现。
小结：
至2016.11.24
记JavaScript的入门学习（一）的更多相关文章
- 记JavaScript的入门学习（三）
2016.12.6晚上十点半完成JavaScript的第二章学习,看了点第三章的开头总述,都说原生js每一个知识点都可以分分钟钟让你放弃,而我在努力探索着.月末的时候就回家放假了,希望在家也可以有个小 ...
- 记JavaScript的入门学习（二）
2016年11月25号,利用上午时间学习了JavaScript的数据类型和变量,下午就该去图书馆泡书了. 看完变量的本章节,发现我可能不能一天结束,那我就利用上午和晚上九点回来的时间完成吧.把心态调整 ...
- javascript的入门学习
目录 JavaScript的学习 什么是javascript,如下简称JS 正式使用js js的两种引入方式 head标签与body标签的区别 js定义变量 可以分为如下四种类型: 有3种特殊的数据类 ...
- 【总结整理】javascript基础入门学习（慕课网学习）
https://www.imooc.com/learn/36 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script ...
- JavaScript 的入门学习案例，保证学会！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 第一百一十九节，JavaScript事件入门
JavaScript事件入门 学习要点: 1.事件介绍 2.内联模型 3.脚本模型 4.事件处理函数 JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击.当用户执行某些操 ...
- JavaScript入门学习之二——函数
在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普 ...
- ReactJS入门学习二
ReactJS入门学习二 阅读目录 React的背景和基本原理 理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法 如何在JSX中如何使用事件 如何在JSX中如何使用 ...
- ReactJS入门学习一
ReactJS入门学习一 阅读目录 React是什么? React如何制作组件? 理解组件属性props 理解页面中如何渲染数据的 理解从服务器端获取数据及理解state的 回到顶部 React是什么 ...
随机推荐
- Java类之间的关联关系(转载)
Java类之间的关联关系 UML类图中的关系分为四种:泛化.依赖.关联.实现:关联关系又可以细化为聚合和组合. 一.泛化(Generalization) 泛化是父类和子类之间的关系,子类继承父类的所有 ...
- ExtJs之表格控件入门
extjs的表格功能非常强大,包括了排序,缓存,拖动,隐藏某一列,自动显示行号,列汇总,单元格编辑等实用功能.表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid ...
- .net平台下socket异步通讯（代码实例）
你应该知道的.net平台下socket异步通讯(代码实例) 1,首先添加两个windows窗体项目,一个作为服务端server,一个作为客户端Client 2,然后添加服务端代码,添加命名空间,界面上 ...
- 建立Ftp站点
建立Ftp站点步骤: 1.首先创建一个用户 我的电脑右键->管理->本地用户和组->用户->“右键”新建用户->输入用户名和密码再点创建就行了! 2.其次是在C盘新建文件 ...
- 关于HTTP头标
对于HTTP中的头字段,我表示真的好麻烦,特找来一段资料共享.希望能对大家有用. HTTP的头域包括通用头,请求头,响应头和实体头四个部分.每个头域由一个域名,冒号(:)和域值三部分组成.域名是大小写 ...
- 用自己的话表达出来-Servlet
什么是Servlet Servlet就是工作在服务器端的类,该类可以处理用户传过来的请求,也可以通过响应向用户输送数据. 如何使用Servlet Servlet就是处理用户的HTTP请求,然后回送HT ...
- Hadoop能力测试图谱
一张图测试你的Hadoop能力-Hadoop能力测试图谱 1.引言 看到一张图,关于Hadoop技术框架的图,基本上涉及到Hadoop当前应用的主要领域,感觉可以作为测试Hadoop开发人员当前能力和 ...
- 分析Sizzle引擎
jQuery 2.0.3 源码分析Sizzle引擎 - 打造高效查询 为什么Sizzle很高效? 首先,从处理流程上理解,它总是先使用最高效的原生方法来做处理 HTML文档一共有这么四个API: ge ...
- 讲讲Linq to SQL映射（基础篇）
讲讲Linq to SQL映射(基础篇) 这篇主要讲Linq to SQL基于属性的映射.即映射数据库,映射表,映射列,映射关系,映射存储过程, 映射函数.然而创建这种映射有三种方法,他们分别是OR ...
- jQuery Colorbox是一款弹出层
jQuery Colorbox使用教程 jQuery Colorbox是一款弹出层,内容播放插件,效果极佳,最关键的是大小只有10KB,当然我主要是用来弹出图片啦,(之前介绍过jquery Fancy ...