js技巧 form表單target的用法

時間 2019-12-07

原文原文鏈接

在說他們之間的轉換以前先說一下他們之間的關係吧：javascript

js它是動態的弱類型的語言，是JavaScript的縮寫，而jquery是對js的封裝、擴展，jquery是使用js封裝的框架，就是讓css

jquery更方便簡潔。舉個例子吧，js就比如是生的麪條，而jquery是方便麪，泡一下就能夠吃了，比較的方便。html

即：jquery是使用最少的代碼來完成更多的功能。以上是我對js與jquery的區別的理解。java

下面說說他們之間的轉換吧---jquery

原生js與jquery js
怎麼將原生js對象轉換爲jquery的js
經過在原生js的外圍加上 $
eg:$(原生js)
怎麼將jquery 的js轉換爲原生js：
經過在jquery的js後面加上get(0)來獲取該jquery對象所對應的原生js
小demo
<script src="jquery-1.8.3.js"></script>
<body>
<input type="text" value="123" id="test">
<input type="button" value="測試" onclick="test_()">
</body>
</html>
<script>
function test_() {
//將原生的js轉換爲jquery的js--只須要在外圍加上 $
var test=document.getElementById("test").value;
var testJquery=$(document.getElementById("test")).val();
//alert(testJquery);

//將jquery的js轉換爲原生的js，是加上get(0)
var jqueryTest=$("#test").val();
var testJs=$("#test").get(0).value;
alert(testJs);
}
</script>chrome

--------------------- json

form表單target的用法

form表單的target，當iframe設置爲隱藏時，能夠實現當前頁表單提交而部進行跳轉刷新，代碼以下：app

<form action="提交的action" method="post" target="myIframe">
.....................
</form>
<iframe name="myIframe" style="display:none"></iframe>框架

提交到action後，action返回一串javascript語句ide

js:

String script = "<script>alert('hello!');</script>";
response.getOutputStream().write(script.getBytes("utf-8"));

alert("hello")將在當前頁執行，原理是form提交後的結果在target指定的iframe裏執行，iframe已經隱藏了，這樣提交後的效果就和無刷新的效果同樣。

input的file類型的accept屬性的值

值	描述
audio/*	接受全部的聲音文件。
video/*	接受全部的視頻文件。
image/*	接受全部的圖像文件。
MIME_type	一個有效的 MIME 類型，不帶參數。請參閱 IANA MIME 類型，得到標準 MIME 類型的完整列表。

在上傳文件的時候，須要限制指定的文件類型，accept這個屬性，只在FF和chrome中有效。那麼accept能限制哪些文件呢？見下表。

擴展名 MIME 描述

*.3gpp	audio/3gpp, video/3gpp	3GPP Audio/Video
*.ac3	audio/ac3	AC3 Audio
*.asf	allpication/vnd.ms-asf	Advanced Streaming Format
*.au	audio/basic	AU Audio
*.css	text/css	Cascading Style Sheets
*.csv	text/csv	Comma Separated Values
*.doc	application/msword	MS Word Document
*.dot	application/msword	MS Word Template
*.dtd	application/xml-dtd	Document Type Definition
*.dwg	image/vnd.dwg	AutoCAD Drawing Database
*.dxf	image/vnd.dxf	AutoCAD Drawing Interchange Format
*.gif	image/gif	Graphic Interchange Format
*.htm	text/html	HyperText Markup Language
*.html	text/html	HyperText Markup Language
*.jp2	image/jp2	JPEG-2000
*.jpe	image/jpeg	JPEG
*.jpeg	image/jpeg	JPEG
*.jpg	image/jpeg	JPEG
*.js	text/javascript, application/javascript	JavaScript
*.json	application/json	JavaScript Object Notation
*.mp2	audio/mpeg, video/mpeg	MPEG Audio/Video Stream, Layer II
*.mp3	audio/mpeg	MPEG Audio Stream, Layer III
*.mp4	audio/mp4, video/mp4	MPEG-4 Audio/Video
*.mpeg	video/mpeg	MPEG Video Stream, Layer II
*.mpg	video/mpeg	MPEG Video Stream, Layer II
*.mpp	application/vnd.ms-project	MS Project Project
*.ogg	application/ogg, audio/ogg	Ogg Vorbis
*.pdf	application/pdf	Portable Document Format
*.png	image/png	Portable Network Graphics
*.pot	application/vnd.ms-powerpoint	MS PowerPoint Template
*.pps	application/vnd.ms-powerpoint	MS PowerPoint Slideshow
*.ppt	application/vnd.ms-powerpoint	MS PowerPoint Presentation
*.rtf	application/rtf, text/rtf	Rich Text Format
*.svf	image/vnd.svf	Simple Vector Format
*.tif	image/tiff	Tagged Image Format File
*.tiff	image/tiff	Tagged Image Format File
*.txt	text/plain	Plain Text
*.wdb	application/vnd.ms-works	MS Works Database
*.wps	application/vnd.ms-works	Works Text Document
*.xhtml	application/xhtml+xml	Extensible HyperText Markup Language
*.xlc	application/vnd.ms-excel	MS Excel Chart
*.xlm	application/vnd.ms-excel	MS Excel Macro
*.xls	application/vnd.ms-excel	MS Excel Spreadsheet
*.xlt	application/vnd.ms-excel	MS Excel Template
*.xlw	application/vnd.ms-excel	MS Excel Workspace
*.xml	text/xml, application/xml	Extensible Markup Language
*.zip	application/zip	Compressed Archive

實例 :

1.accept="image/gif, image/jpeg"

2.accept="application/msword"
3.accept="application/pdf"
4.accept="application/poscript"
5.accept="application/rtf"
6.accept="application/x-zip-compressed"
7.accept="audio/basic"
8.accept="audio/x-aiff"
9.accept="audio/x-mpeg"
10.accept="audio/x-pn/realaudio"
11.accept="audio/x-waw"
12.accept="image/gif"
13.accept="image/jpeg"
14.accept="image/tiff"
15.accept="image/x-ms-bmp"
16.accept="image/x-photo-cd"
17.accept="image/x-png"
18.accept="image/x-portablebitmap"
19.accept="image/x-portable-greymap"
20.accept="image/x-portable-pixmap"
21.accept="image/x-rgb"
22.accept="text/html"
23.accept="text/plain"
24.accept="video/quicktime"
25.accept="video/x-mpeg2"
26.accept="video/x-msvideo"