Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲天堂中文字幕在线,亚洲精品高清国产麻豆专区,日韩福利片午夜在线观看资源 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷(xiāo)服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          jQuery - 添加元素
          
        
           
          
	
	
          
		
                        
          過(guò) jQuery，可以很容易地添加新元素/內(nèi)容。
          添加新的 HTML 內(nèi)容
          我們將學(xué)習(xí)用于添加新內(nèi)容的四個(gè) jQuery 方法：
          • append() - 在被選元素的結(jié)尾插入內(nèi)容
          • prepend() - 在被選元素的開(kāi)頭插入內(nèi)容
          • after() - 在被選元素之后插入內(nèi)容
          • before() - 在被選元素之前插入內(nèi)容
          jQuery append() 方法
          jQuery append() 方法在被選元素的結(jié)尾插入內(nèi)容。
          實(shí)例
          $("p").append("追加文本");
          jQuery prepend() 方法
          jQuery prepend() 方法在被選元素的開(kāi)頭插入內(nèi)容。
          實(shí)例
          $("p").prepend("在開(kāi)頭追加文本");
          通過(guò) append() 和 prepend() 方法添加若干新元素
          在上面的例子中，我們只在被選元素的開(kāi)頭/結(jié)尾插入文本/HTML。
          不過(guò)，append() 和 prepend() 方法能夠通過(guò)參數(shù)接收無(wú)限數(shù)量的新元素。可以通過(guò) jQuery 來(lái)生成文本/HTML（就像上面的例子那樣），或者通過(guò) JavaScript 代碼和 DOM 元素。
          在下面的例子中，我們創(chuàng)建若干個(gè)新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) append() 方法把這些新元素追加到文本中（對(duì) prepend() 同樣有效）：
          實(shí)例
          functionappendText(){vartxt1="<p>文本。</p>"; // 使用 HTML 標(biāo)簽創(chuàng)建文本vartxt2=$("<p></p>").text("文本。"); // 使用 jQuery 創(chuàng)建文本vartxt3=document.createElement("p"); txt3.innerHTML="文本。"; // 使用 DOM 創(chuàng)建文本 text with DOM $("body").append(txt1,txt2,txt3); // 追加新元素}
          jQuery after() 和 before() 方法
          jQuery after() 方法在被選元素之后插入內(nèi)容。
          jQuery before() 方法在被選元素之前插入內(nèi)容。
          實(shí)例
          $("img").after("在后面添加文本"); $("img").before("在前面添加文本");
          通過(guò) after() 和 before() 方法添加若干新元素
          after() 和 before() 方法能夠通過(guò)參數(shù)接收無(wú)限數(shù)量的新元素。可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建新元素。
          在下面的例子中，我們創(chuàng)建若干新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) after() 方法把這些新元素插到文本中（對(duì) before() 同樣有效）：
          實(shí)例
          functionafterText(){vartxt1="<b>I </b>"; // 使用 HTML 創(chuàng)建元素vartxt2=$("<i></i>").text("love "); // 使用 jQuery 創(chuàng)建元素vartxt3=document.createElement("big"); // 使用 DOM 創(chuàng)建元素txt3.innerHTML="jQuery!"; $("img").after(txt1,txt2,txt3); // 在圖片后添加文本}
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          TML標(biāo)簽規(guī)范
          盡管目前瀏覽器都兼容HTML，但是，使網(wǎng)頁(yè)能夠符合標(biāo)準(zhǔn)，應(yīng)該盡量使用XHTML規(guī)范來(lái)編寫(xiě)代碼，需要注意以下事項(xiàng)：
          （1）在XHTML中，標(biāo)簽名必須小寫(xiě)。在HTML中，標(biāo)簽名稱(chēng)可以大寫(xiě)，也可以小寫(xiě)。
          （2）在XHTML中，屬性名稱(chēng)必須小寫(xiě)。在HTML中，屬性名稱(chēng)也必須是小寫(xiě)的。
          （3）在XHTML中，標(biāo)簽必須嚴(yán)格嵌套；HTML對(duì)標(biāo)簽的嵌套沒(méi)有嚴(yán)格的規(guī)定。
          （4）在XHTML中，標(biāo)簽必須封閉；在HTML規(guī)范中，標(biāo)簽不閉合也是正確的，即標(biāo)簽可以不成對(duì)出現(xiàn)。例如，“<p>我沒(méi)有結(jié)束標(biāo)簽”和“<p>我有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽</p >”，這兩條代碼的顯示效果，在HTML規(guī)范中是完全相同的，但是，在XHTML中，第一條語(yǔ)句是不允許的(不能正常顯示)，必須像第二條語(yǔ)句那樣，嚴(yán)格地使標(biāo)簽閉合。
          （5）在XHTML中，即使是空元素的標(biāo)簽也必須封閉，這里說(shuō)的空標(biāo)簽，就是指那些<img>、<br>、<hr>等不對(duì)稱(chēng)的標(biāo)簽，它們也必須閉合，即寫(xiě)作<img>、<br>、<hr/>；而在HTML.規(guī)范中，這類(lèi)標(biāo)簽可以不封閉。例如，在HTML中書(shū)寫(xiě)為<img>或<img/>均是正確的，但在XHTML規(guī)范中，必須寫(xiě)為<img/>才正確。
          （6）在XHTML中，屬性值必須用雙引號(hào)括起來(lái)；在HTML中，屬性可以不必使用雙引號(hào)。
          （7）在XHTML中，屬性值必須使用完整形式；在HTML中，一些屬性經(jīng)常使用簡(jiǎn)寫(xiě)方式設(shè)定屬性值。例如：
           <input disabled>
          而在XHTML中，必須完整地寫(xiě)做：
           <input disabled="true">
          (8)在XHTML中，應(yīng)該區(qū)分“內(nèi)容標(biāo)簽”與“結(jié)構(gòu)標(biāo)簽”。例如，<p>標(biāo)簽是一個(gè)內(nèi)容標(biāo)簽，而<table>標(biāo)簽是結(jié)構(gòu)標(biāo)簽，因此，不允許將<table>標(biāo)簽置于<p>標(biāo)簽內(nèi)部。反之，如果將<p>標(biāo)簽置于<td>…</td>之間，則是完全正確的。
          （9)在XHTML中，必須添加文檔類(lèi)型聲明<！DOCTYPE>。該標(biāo)簽用于描述HTML的版本和文檔類(lèi)型聲明，進(jìn)行了相應(yīng)的版本和文檔類(lèi)型聲明之后，才能保證這是一個(gè)XHTML網(wǎng)頁(yè)，從而讓瀏覽器以相應(yīng)的規(guī)范來(lái)解析網(wǎng)頁(yè)，使網(wǎng)頁(yè)正常顯示。
          雨青工作站發(fā)文地址：js html input file 類(lèi)型 實(shí)現(xiàn)圖片上傳-白雨青工作站
          js html input file 類(lèi)型 實(shí)現(xiàn)圖片上傳
          這里只單獨(dú)講如何用JS 把選中的文件轉(zhuǎn)成base64 ，然后輸出到前臺(tái)顯示
          直接上代碼：
          AddArticle.jsp
          <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>寫(xiě)文章-白雨青工作站</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="小說(shuō),我有一劍,Java,HTML,Java小工具,白雨青工作站,http://www.byqws.com:8080/byqws">
	<meta name="description" content="小說(shuō),我有一劍,Java,HTML,Java小工具,白雨青工作站,http://www.byqws.com:8080/byqws/">
	<!---->
	
	<link rel="shortcut icon" href="img/byqws-apple-touch-icon-16X16.png" />
	<link rel="apple-touch-icon" href="img/byqws-apple-touch-icon-57X57.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="img/byqws-apple-touch-icon-72X72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="img/byqws-apple-touch-icon-144X144.png" />
	
	<link rel="stylesheet" type="text/css" href="Background/css/addArticle.css">
	
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
	
	
	<script src="Background/js/tinymce/tinymce.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="Background/js/tinymce/langs/zh-Hans.js" type="text/javascript" charset="utf-8"></script> <!--漢化-->
	
	<script type="text/javascript" src="Background/js/AddArticle.js"></script>
	<script type="text/javascript" src="Background/js/mytinymce.js"></script>
	<script type="text/javascript" src="Background/js/uploadImg.js"></script>
	
  </head>
  
  <body>
  <div class='main'>
	<div class='title'>
		<label >添加一篇文章</label>
	</div>
	
	
	
	<div class='FTitle_div'>
		<input id="FTitle" class='FTitle' placeholder = '請(qǐng)輸入標(biāo)題'></input>
	</div>
	
	<div class='FAbstract_div'>
		<input id="FAbstract" class='FAbstract' placeholder = '請(qǐng)輸入摘要'></input>
	</div>
	<div class='content_div'>
		<textarea id="content" class='content'></textarea>
	</div>
	<div class="FCover">封面圖片</div>
	<div class="upload-piclist">
		
       	<div class="upload-file">
           <input type="file" id="file" accept="image/*" multiple onchange="imgChange()"/>
       	</div>
    </div>
	<input id="submitbutton" class='submitbutton' type = 'button' value = '提交'></input>
</div>
  </body>
</html>

          <script type="text/javascript" src="Background/js/uploadImg.js"></script>
          引入轉(zhuǎn)base64后前臺(tái)顯示JS文件
          uploadImg.js
          let picmax = 20; //限制上傳數(shù)量 
function imgChange() {
	let file = document.getElementById('file').files;
	let imglist = document.querySelectorAll('.upload-Picitem');
	let piclist = document.getElementsByClassName('upload-piclist')[0];
	let filelist = file.length + imglist.length > picmax ? 9 - imglist.length : file.length + imglist.length;
	if (file.length + imglist.length >= 9) {
		let uploadfile = document.getElementsByClassName('upload-file')[0]
		uploadfile.style.display = "none"
	}
	for (let i = 0; i < filelist; i++) {
		readerfile(file[i]).then(e => {
			let html = document.createElement('div');
			html.className = 'upload-Picitem'
			html.innerHTML = '<img src=' + e + ' alt="pic">'
			piclist.appendChild(html);
		})
	}
}

function readerfile(file) {
	return new Promise((resolve, reject) => {
		let reader = new FileReader();
		reader.addEventListener("load", function() {
			resolve(reader.result);
		}, false)
		if (file) {
			reader.readAsDataURL(file)
		}
	})
}

//提交
function submit() {
	let imglist = []
	//let text = document.getElementsByClassName('upload-textarea')[0].value
	let piclist = document.querySelectorAll('.upload-Picitem');
	for (let i = 0; i < piclist.length; i++) {
		imglist.push(piclist[i].lastChild.src)
	}
	//console.log("發(fā)布內(nèi)容：", text)
	console.log("圖片列表：", imglist)
}




          直接看結(jié)果
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲一区二区三区久久久久|
国产美女视频一区|
国产伦精品一区二区三区不卡|
少妇无码一区二区三区免费|
一本AV高清一区二区三区|
精品亚洲一区二区三区在线观看|
国产一在线精品一区在线观看|
一区二区乱子伦在线播放|
麻豆精品久久久一区二区|
无码人妻精品一区二区|
一区二区三区精密机械|
日韩精品一区在线|
中文字幕日本精品一区二区三区|
国产午夜精品一区二区三区漫画|
精品香蕉一区二区三区|
在线精品日韩一区二区三区|
爆乳熟妇一区二区三区霸乳|
午夜福利一区二区三区在线观看|
国产对白精品刺激一区二区|
一区二区三区在线观看中文字幕
|
精品视频一区二区三三区四区|
在线精品国产一区二区|
无码人妻啪啪一区二区|
一区二区三区高清在线|
久久精品一区二区三区四区|
怡红院一区二区三区|
日韩精品无码一区二区视频|
69久久精品无码一区二区|
四虎精品亚洲一区二区三区|
一区二区免费视频|
天码av无码一区二区三区四区
|
无码少妇一区二区三区|
亚洲.国产.欧美一区二区三区|
国产日韩高清一区二区三区|
色国产精品一区在线观看|
日韩A无码AV一区二区三区|
熟妇人妻AV无码一区二区三区|
欲色影视天天一区二区三区色香欲
|
无码精品国产一区二区三区免费|
国产伦精品一区二区三区视频小说|
另类一区二区三区|