11.7学习内容

我不是女神ヾ 2022-08-13 17:38 135阅读 0赞

(function() {
      var declaredLater; //声明被提前到作用域开始处了！
    
      // Outputs: undefined
      console.log(declaredLater);
    
      declaredLater = "Now it's defined!"; //赋值操作还在原地!
    
      // Outputs: "Now it's defined!"
      console.log(declaredLater);
    })();

javascript变量提前声明

http://blog.csdn.net/hai\_qing\_xu\_kong/article/details/40892573

**看下下面的代码：**

**\[javascript\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <HTML>  
2.  <HEAD>  
3.      <TITLE>Hello World</TITLE>  
4.  </HEAD>  
5.  <BODY BGCOLOR="WHITE">  
6.  <SCRIPT Language="JavaScript" TYPE="text/javascript">  
7.      **var** value1="2.34abc";  
8.      **var** intValue=parseInt(value1);  
9.      document.write(intValue);  
10. </SCRIPT>  
11. </BODY>  
12. </HTML>

![Center][]

**的确能获得一个数值，但得到的是2并不是2.34，这是因为parseInt()函数它解析到的不是有效数值时会停止解析，当解析到.（点号）时就停止了解析，那现在我们怎样才能获取到2.34，看下面的代码:**

**\[javascript\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <HTML>  
2.  <HEAD>  
3.      <TITLE>Hello World</TITLE>  
4.  </HEAD>  
5.  <BODY BGCOLOR="WHITE">  
6.  <SCRIPT Language="JavaScript" TYPE="text/javascript">  
7.      **var** value1="2.34abc";  
8.      **var** intValue=parseFloat(value1);  
9.      document.write(intValue);  
10. </SCRIPT>  
11. </BODY>  
12. </HTML>

![Center 1][]

通过代码我们可以知道，使用parseFloat()函数可以解析到一个浮点数，也就是我们想要得到的数值，

接下来看一个特例，如果输入的字符串中并没有有效的数值时，那使用这两个函数会得到什么，看下面代码：

**\[javascript\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <HTML>  
2.  <HEAD>  
3.      <TITLE>Hello World</TITLE>  
4.  </HEAD>  
5.  <BODY BGCOLOR="WHITE">  
6.  <SCRIPT Language="JavaScript" TYPE="text/javascript">  
7.      **var** value1="abc";  
8.      **var** intValue=parseFloat(value1);  
9.      document.write(intValue);  
10.     **var** value2="daf";  
11.     **var** floatValue=parseFloat(value2);  
12.     document.write("\\n"\+floatValue);  
13. </SCRIPT>  
14. </BODY>  
15. </HTML>

![Center 2][]

**NaN值是JavaScript中的特殊值，表示不是一个数值。**

js屏蔽右键菜单

http://blog.csdn.net/wenjin1204/article/details/40862005

1.  document.oncontextmenu = **function** (event)\{  
2.      **if**(window.event)\{  
3.          event = window.event;  
4.      \}**try**\{  
5.          **var** the = event.srcElement;  
6.          **if** (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA"))\{  
7.              **return** **false**;  
8.          \}  
9.          **return** **true**;  
10.     \}**catch** (e)\{  
11.         **return** **false**;   
12.     \}   
13. \}

js清理

清空元素html("")、innerHTML="" 与 empty()的区别

一、清空元素的区别
         1、错误做法一：
               $("#test").html("");//该做法会导致内存泄露

2、错误做法二：
               $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露

3、正确做法：

//$("#test").empty();

html5音频标签：

http://blog.csdn.net/wangxw8746/article/details/40739797

在HTML5标准网页里面，我们可以运用audio标签来完成我们对声音的调用及播放。

以下是最经常见到的运用HTML5三种基本格式：

1.最少的代码

**\[html\]**  [view plain][view plain 1] [copy][view plain 1] [![在CODE上查看代码片][CODE]][CODE_CODE 1] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 2]

1.  **<****audio** src="song.ogg" controls="controls"**>****</****audio****>**

2.带有不兼容提醒的代码

**\[html\]**  [view plain][view plain 1] [copy][view plain 1] [![在CODE上查看代码片][CODE]][CODE_CODE 1] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 2]

1.  **<****audio** src="song.ogg" controls="controls"**>**  
2.  Your browser does not support the audio tag.  
3.  **</****audio****>**

3.尽量兼容浏览器的写法

**\[html\]**  [view plain][view plain 1] [copy][view plain 1] [![在CODE上查看代码片][CODE]][CODE_CODE 1] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 2]

1.  **<****audio** controls="controls"**>**  
2.  **<****source** src="song.ogg" type="audio/ogg"**>**  
3.  **<****source** src="song.mp3" type="audio/mpeg"**>**  
4.  Your browser does not support the audio tag.  
5.  **</****audio****>**

**HTML5音频格式**

当前，HTML5 Audio标签支持三种格式的音频，分别是wav mp3和ogg格式。而目前主流浏览器对他们的支持如下：

<table style="color:rgb(0,0,0); font-family:Arial; font-size:14px; line-height:26px"> 
 <tbody> 
  <tr> 
   <th><span style="font-family:SimHei; font-size:18px"></span></th> 
   <th><span style="font-family:SimHei; font-size:18px">IE 9</span></th> 
   <th><span style="font-family:SimHei; font-size:18px">Firefox 3.5</span></th> 
   <th><span style="font-family:SimHei; font-size:18px">Opera 10.5</span></th> 
   <th><span style="font-family:SimHei; font-size:18px">Chrome 3.0</span></th> 
   <th><span style="font-family:SimHei; font-size:18px">Safari 3.0</span></th> 
  </tr> 
  <tr> 
   <td><span style="font-family:SimHei; font-size:18px">Ogg Vorbis</span></td> 
   <td><span style="font-family:SimHei; font-size:18px"></span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px"></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:SimHei; font-size:18px">MP3</span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px"></span></td> 
   <td><span style="font-family:SimHei; font-size:18px"></span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:SimHei; font-size:18px">Wav</span></td> 
   <td><span style="font-family:SimHei; font-size:18px"></span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
   <td><span style="font-family:SimHei; font-size:18px"></span></td> 
   <td><span style="font-family:SimHei; font-size:18px">√</span></td> 
  </tr> 
 </tbody> 
</table>

IE8以及IE8以下不支持HTML5的audio标签。

**HTML 5 Audio属性**

1.  autoplay:唯一可选值为autoplay，出现autoplay属性并准确赋值时，音频将会自动播放
2.  controls：唯一可选值为controls，出现controls属性并准确赋值时，音频播放控件将会显示，控件包括：播放、暂停、定位、音量、全屏切换、字幕（如果可用）、音轨（如果可用）。
3.  loop：唯一可选值为loop，出现loop属性并准确赋值时，音频将会循环播放。
4.  preload：可选值有auto(当页面加载后载入整个音频)、meta(当页面加载后只载入元数据)和none(当页面加载后不载入音频) 如果设置了前面的autoplay属性，那么preload将会被忽略。
5.  src：指定音频URL地址，可以是相对的URL也可以是绝对的URL 当然还可以像第2和第3个例子一样，用source标签来指定源。

Http协议的几种请求方式：

http://blog.csdn.net/lgdreamsky/article/details/40752795

**二、HTTP协议详解之请求篇**

http请求由三部分组成，分别是：请求行、消息报头、请求正文

1、请求行以一个方法符号开头，以空格分开，后面跟着请求的URI和协议的版本，格式如下：Method Request-URI HTTP-Version CRLF    
其中 Method表示请求方法；Request-URI是一个统一资源标识符；HTTP-Version表示请求的HTTP协议版本；CRLF表示回车和换行（除了作为结尾的CRLF外，不允许出现单独的CR或LF字符）。

请求方法（所有方法全为大写）有多种，各个方法的解释如下：  
GET     请求获取Request-URI所标识的资源  
POST    在Request-URI所标识的资源后附加新的数据  
HEAD    请求获取由Request-URI所标识的资源的响应消息报头  
PUT     请求服务器存储一个资源，并用Request-URI作为其标识  
DELETE  请求服务器删除Request-URI所标识的资源  
TRACE   请求服务器回送收到的请求信息，主要用于测试或诊断  
CONNECT 保留将来使用  
OPTIONS 请求查询服务器的性能，或者查询与资源相关的选项和需求  
应用举例：  
GET方法：在浏览器的地址栏中输入网址的方式访问网页时，浏览器采用GET方法向服务器获取资源，eg:GET /form.html HTTP/1.1 (CRLF)

POST方法要求被请求服务器接受附在请求后面的数据，常用于提交表单。  
eg：POST /reg.jsp HTTP/ (CRLF)  
Accept:image/gif,image/x-xbit,... (CRLF)  
...  
HOST:www.guet.edu.cn (CRLF)  
Content-Length:22 (CRLF)  
Connection:Keep-Alive (CRLF)  
Cache-Control:no-cache (CRLF)  
(CRLF)         //该CRLF表示消息报头已经结束，在此之前为消息报头  
user=jeffrey&pwd=1234  //此行以下为提交的数据

HEAD方法与GET方法几乎是一样的，对于HEAD请求的回应部分来说，它的HTTP头部中包含的信息与通过GET请求所得到的信息是相同的。利用这个方法，不必传输整个资源内容，就可以得到Request-URI所标识的资源的信息。该方法常用于测试超链接的有效性，是否可以访问，以及最近是否更新。  
2、请求报头后述  
3、请求正文(略)

http://blog.csdn.net/qsyzb/article/details/40712733

设置文件字符编码：