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. WebService支持多平台上传文件的实现

    WebService支持多平台上传文件的实现   要使用网站上传文件,在ASP.NET的范畴,我基本上能想到的有两类,一类是通过HTTP POST请求获得文件信息,另外一类是通过WebService或 ...

  2. android判断网络的类型

    转自:http://blog.csdn.net/xxxsz/article/details/8199031 判断网络类型是wifi,还是3G,还是2G网络 对不同的网络进行不同的处理,现将判断方法整理 ...

  3. ps -aux中的time 的意思

    ps -aux 显示所有包含其他使用者的行程 aux 输出格式 : USER PID %CPU %MEM VSZ RSS TTY STAT START TIME COMMAND USER: 行程拥有者 ...

  4. Android JNI(NDK)开发总结

    早就知道Java有个jni可以调用本地化代码,一直没有动力去研究它,现在公司想通过在Android中调用本地化代码来申请较多的内存以突破Android对单个进程的内存限制,这确实是可行的:我的Nexu ...

  5. linux不同环境下c/c++程序移植方法

    这边之前的大多数项目都用的java,而自己用的c++,等到快要上线的时候才发现线上机器的gcc和libc的版本都巨低,跟自己测试开发用的环境不兼容,编译出的c++可执行文件没法运行.解决c++程序的移 ...

  6. web-worker计数器，根据输入时间统计次数

    1.用web-worker实现:另起一个线程,将计数工作运行在后台的JavaScript文件,并返回累加后的结果. 该js文件运行于后台,独立于其他脚本,不会影响页面的性能.html页面可以继续做任何 ...

  7. iphone手机用wireshark抓包

    ios连上电脑 查看udid. 启动虚拟接口 rvictl -s 7e65eeaa55a1e43dbdfb44a02f9871f1f304043e 打开mac权限 sudo chmod 644 /de ...

  8. Oracle PLSQL笔记（过程的创建和及调用）

    过程(procedure): 用于在数据库中完成特定的操作或者任务.是一个PLSQL程序块,可以永久的保存在数据库中以供其他程序调用. 一.创建所需的表USERS create table users ...

  9. Python数据库访问之SQLite3、Mysql

    Python数据库访问之SQLite3.Mysql 现有的数据库管理系统有很多种,本文选择介绍两种DBMS:SQLite 3 和 Mysql. SQLite 3 SQLite 3是Python 3预装 ...

  10. Android ListView中添加不同的多种布局

    最近做项目要使用ListView加载不同的布局,由于自己写的代码不能贴出,故找了一篇自认为比较好的blog给分享出来,希望对用到此项技术的同学有点帮助. http://logc.at/2011/10/ ...