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的入门学习（一）的更多相关文章

  1. 记JavaScript的入门学习（三）

    2016.12.6晚上十点半完成JavaScript的第二章学习,看了点第三章的开头总述,都说原生js每一个知识点都可以分分钟钟让你放弃,而我在努力探索着.月末的时候就回家放假了,希望在家也可以有个小 ...

  2. 记JavaScript的入门学习（二）

    2016年11月25号,利用上午时间学习了JavaScript的数据类型和变量,下午就该去图书馆泡书了. 看完变量的本章节,发现我可能不能一天结束,那我就利用上午和晚上九点回来的时间完成吧.把心态调整 ...

  3. javascript的入门学习

    目录 JavaScript的学习 什么是javascript,如下简称JS 正式使用js js的两种引入方式 head标签与body标签的区别 js定义变量 可以分为如下四种类型: 有3种特殊的数据类 ...

  4. 【总结整理】javascript基础入门学习（慕课网学习）

    https://www.imooc.com/learn/36 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script ...

  5. JavaScript 的入门学习案例，保证学会！

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 第一百一十九节，JavaScript事件入门

    JavaScript事件入门 学习要点: 1.事件介绍 2.内联模型 3.脚本模型 4.事件处理函数 JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击.当用户执行某些操 ...

  7. JavaScript入门学习之二——函数

    在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普 ...

  8. ReactJS入门学习二

    ReactJS入门学习二 阅读目录 React的背景和基本原理 理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法 如何在JSX中如何使用事件 如何在JSX中如何使用 ...

  9. ReactJS入门学习一

    ReactJS入门学习一 阅读目录 React是什么? React如何制作组件? 理解组件属性props 理解页面中如何渲染数据的 理解从服务器端获取数据及理解state的 回到顶部 React是什么 ...

随机推荐

  1. Git工作流：中心工作流（翻译）

    使用Git作为版本控制器,有众多可能的工作流(Workflow),这使得我们这些新鸟不知道在实际工作中不知道该选择哪种工作流.这里我们对最常见的Git工作流做一个对比,为企业团队提供一个参考. 正如你 ...

  2. DesignMode的状态处理

    自定义控件开发的调试及DesignMode的状态处理 在开发Winform程序的时候,我们往往需要根据需要做一些自定义的控件模块,这样可以给系统模块重复利用,或者实现更好的效果等功能.但在使用的时候, ...

  3. 解析Infopath生成的XSN结构

    解析Infopath生成的XSN结构 解压XSN文件,得到下图文件 Infopath包括xsl.xsd.xsf.xml文件格式 Manifest.xsf是infopath的主要集合文件,包含对其他各个 ...

  4. .Net 异步随手记（二）

    Task.ContinueWith 这货,和 await 一样有“陷阱”.^^,因为写 ContinueWith 不能直观如人的“过程性”思维,写在 ContinueWith 括号里的部分不一定只在发 ...

  5. c语言：将二进制数按位输出

    问题: 1.输入int 20,其二进制为10100,按位输出10100; 2.或者将1转化为“+”,0转化为“-”,输出就是” + - + - - “; int biTofh(int bi,int l ...

  6. js中的AMD规范

    回首萧瑟,残月挂角,孤草弄影. 看了一下上一篇随笔的日期,距离上一篇日志又过去了许久.在这段时间中,我尽全力去拯救那间便利店,可惜到最后依然失败,这一次是所有的出路全部没有了,我也做了所有的努力.闲下 ...

  7. springMVC3学习(三)--handlerMapping和handlerAdapter

    基本结构和 springMVC3学习(一)--框架搭建 差不多,这里不再用Annotation注解的方式 以下只说明需要修改的部分: 1.在Spring配置文件中配置HandlerMapping.Ha ...

  8. ASP.NET MVC4简单使用ELMAH记录系统日志

    ASP.NET MVC4简单使用ELMAH记录系统日志 前言 在项目开发.测试以及已经上线的项目中都会存在bug,而如果我们在项目的各个阶段都能及时的监控系统出现的任何问题,那么对于我们开发人员来说完 ...

  9. 页面缓存OutputCache

    更新页面缓存OutputCache   为什么要使用OutputCache 我认为OutputCache是最简单的缓存技术了,它针对的是页面级别的,简单的一条指令就可以达到缓存的效果,有效的减轻服务器 ...

  10. d指针在Qt上的应用及实现

    Qt为了使其动态库最大程度上实现二进制兼容,引入了d指针的概念.那么为什么d指针能实现二进制兼容呢?为了回答这个问题,首先弄清楚什么是二进制兼容?所谓二进制兼容动态库,指的是一个在老版本库下运行的程序 ...