11.7学习内容

来源：互联网发布：58同城网招聘淘宝客服编辑：程序博客网时间：2024/06/12 13:22

(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 plaincopy
<HTML>  
<HEAD>  
    <TITLE>Hello World</TITLE>  
</HEAD>  
<BODY BGCOLOR="WHITE">  
<SCRIPT Language="JavaScript" TYPE="text/javascript">  
    var value1="2.34abc";  
    var intValue=parseInt(value1);  
    document.write(intValue);  
</SCRIPT>  
</BODY>  
</HTML>  

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

[javascript] view plaincopy
<HTML>  
<HEAD>  
    <TITLE>Hello World</TITLE>  
</HEAD>  
<BODY BGCOLOR="WHITE">  
<SCRIPT Language="JavaScript" TYPE="text/javascript">  
    var value1="2.34abc";  
    var intValue=parseFloat(value1);  
    document.write(intValue);  
</SCRIPT>  
</BODY>  
</HTML>  

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

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

[javascript] view plaincopy
<HTML>  
<HEAD>  
    <TITLE>Hello World</TITLE>  
</HEAD>  
<BODY BGCOLOR="WHITE">  
<SCRIPT Language="JavaScript" TYPE="text/javascript">  
    var value1="abc";  
    var intValue=parseFloat(value1);  
    document.write(intValue);  
    var value2="daf";  
    var floatValue=parseFloat(value2);  
    document.write("\n"+floatValue);  
</SCRIPT>  
</BODY>  
</HTML>  

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

js屏蔽右键菜单

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

document.oncontextmenu = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
return false;
}
return true;
}catch (e){
return false;
}
}

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 plaincopy
<audio src="song.ogg" controls="controls"></audio>  

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

[html] view plaincopy
<audio src="song.ogg" controls="controls">  
Your browser does not support the audio tag.  
</audio>  

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

[html] view plaincopy
<audio controls="controls">  
<source src="song.ogg" type="audio/ogg">  
<source src="song.mp3" type="audio/mpeg">  
Your browser does not support the audio tag.  
</audio>  

HTML5音频格式

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

IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0Ogg Vorbis√√√MP3√√√Wav√√√

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

HTML 5 Audio属性

autoplay:唯一可选值为autoplay，出现autoplay属性并准确赋值时，音频将会自动播放
controls：唯一可选值为controls，出现controls属性并准确赋值时，音频播放控件将会显示，控件包括：播放、暂停、定位、音量、全屏切换、字幕（如果可用）、音轨（如果可用）。
loop：唯一可选值为loop，出现loop属性并准确赋值时，音频将会循环播放。
preload：可选值有auto(当页面加载后载入整个音频)、meta(当页面加载后只载入元数据)和none(当页面加载后不载入音频) 如果设置了前面的autoplay属性，那么preload将会被忽略。
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

设置文件字符编码：

[html] view plaincopy
<meta charset="utf-8">  

内部样式表：

[html] view plaincopy
<style type="text/css">  
  hr {color: sienna;}  
  p {margin-left: 20px;}  
  body {background-image: url("images/back40.gif");}  
</style>  

外联样式表：

[html] view plaincopy
<link rel="stylesheet" type="text/css" href="mystyle.css" />  

html内部编写js：

[html] view plaincopy
<script type="text/javascript"></script>  

外联js：

[html] view plaincopy
<script type="text/javascript" src="images/embed_index.js"></script>  

http://blog.csdn.net/whynottrythis/article/details/40664101

MySQL获取刚插入的数据

. 通过自增的键auto_increment取得。

[sql] view plaincopy
select max(id) from tablename  

这种做法需要考虑并发的情况，需要在事务中对主表加以“X锁“，待获得max(id)的值以后，再解锁。

2.使用select LAST_INSERT_ID() 方法，是线程安全的操作。使用select last_insert_id()时要注意，当一次插入多条记录时，只是获得第一次插入的id值。【自动返回最后一个INSERT或 UPDATE 查询中 AUTO_INCREMENT列设置的第一个表发生的值】

0 0