當前位置：首頁 » 編程語言 » html載入代碼

html載入代碼

發布時間: 2021-03-12 11:22:46

㈠ html中怎樣插入html代碼

在JS中插入短的HTML代碼，可以通過先使用一個函數來包著，你要添加的HTMl代碼，然後在使用innerHTML這個函數提取就行，在你的HTMl中添加一個事件就行，然後調用這個函數就行了，具體的我提供例子給你看下：

<html>
<head>
<script>
function insert(){
var insertText = "<table><tr><td>any thing</td></tr></table>";
document.getElementById("insert").innerHTML(insertText);
}
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html>

㈡ HTML頁面中顯示HTML標簽代碼

HTML頁面中顯示HTML標簽代碼，可以使用<xmp>html標簽內容</xmp>，這樣，在網頁中就會顯示html標簽，如圖：

㈢ html頁面怎麼引入html代碼

直接在html文件寫入html代碼即可。最簡單的方法就是新建一個記事本，然後在記版事本裡面寫權入自己的html代碼，寫完之後ctrl+shift+s另存為html文件，雙擊打開這個文件就可以自動在瀏覽器運行了。不過初學者的話建議還是使用一些像DW這樣的編輯器軟體來輔助自己編寫html代碼。 --河南新華網路運營協會為您解答！

㈣ JS如何在頁面中插入HTML代碼

㈤ jQuery怎麼載入一個html頁面到我指定的div裡面

一、jQuery載入一個html頁面到指定的div里

把a.html裡面的某一部份的內容載入到b.html的一個div里。

比如：載入a.html裡面的<div id=「row"></div>這個div裡面的所有內容載入到b.html的這個div里<div id="content"></div>

用jquery ajax 可以實現

假設 a.html 和b.html在同一目錄

b.html

<script>
$(document).ready(function(){
bodyContent=$.ajax({
url:"b.html",
global:false,
type:"POST",
data:({
id:this.getAttribute('row')
}),
dataType:"html",
async:false,
success:function(msg){
alert(msg);
}
})
});
</script>

二、juqery $.ajax 請求另一個html頁面的指定的「一部分」載入到本頁面div，重點是一部分數據載入到本頁面div

大至思路如下：

$.ajax({
url:url,//這里是靜態頁的地址
type:"GET",//靜態頁用get方法，否則伺服器會拋出405錯誤
success:function(data){
varresult=$(data).find("另一個html頁面的指定的一部分");
$("本頁面div").html(result);
}
});

或參考下面的代碼:

$(function(){
$.ajax({
type:"POST",
url:"LoginLoadArticle.ashx",
data:"type="+escape("最新公告"),
success:function(msg){
$(".gonggao").html(msg);
},
error:function(XMLHttpRequest,textStatus,thrownError){}
})

})

㈥如何製作HTML載入頁面代碼

<p align=center> <font color="#0066ff" size="2" face="Arial">數據載入中，請稍等...</font>
<input type=text name=chart id=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<input type=text name=percent id=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script>
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.getElementById("chart").value=amount
document.getElementById("percent").value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "你的頁面";}
}</script>
</p>

㈦怎麼讓頁面顯示HTML代碼

頁面中顯示HTML標簽源代碼

歸納幾種方法，根據需求選用：
a: 把代碼寫在文本區域 <textarea> 標簽中。可以設置 disabled="disabled" 屬性，禁止用戶操作。
b: 把要顯示在html文檔中標簽的 "<"、">" 用實體字元替換掉。如：<p&gt</p>外層嵌套<pre>標簽可使頁面與HTML格式一致。
C: 用程序批量替換。

㈧如何在html文件中顯示html源代碼

利用c++生成html文件，並通過html文件顯示源代碼。關鍵問題是進行編碼轉換，破壞html標簽的閉合屬性。這里只是轉換了字元'<'. char hhead[]=; char hend[]=; text=hhead+text+hend; int pos; while(pos!=-1) { pos=text.Find('<'); if(pos!=-1){ text.Delete(pos,1); text.Insert(pos,<); } } text.Format(%s,text); HANDLE hHugeFile; hHugeFile=CreateFile(F:\\報告.htm,GENERIC_WRITE,0,NULL,CREATE_ALWAYS,FILE_ATTRIBUTE_NORMAL,NULL); //處理出錯的信息 if(hHugeFile==INVALID_HANDLE_VALUE) { // LPVOID StrInfo; // FormatMessage(FORMAT_MESSAGE_ALLOCATE_BUFFER|FORMAT_MESSAGE_FROM_SYSTEM,0,GetLastError(),MAKELANGID(LANG_NEUTRAL, // SUBLANG_DEFAULT),(LPTSTR)&StrInfo,0，NULL); // MessageBox(0,(lpctstr)StrInfo,信息提示,MB_OK|MB_ICONINFORMATION); } DWORD Num; ::WriteFile(hHugeFile,text,strlen(text),&Num,NULL); ::CloseHandle(hHugeFile); ShellExecute(NULL,open,f:\\報告.htm,NULL,NULL,SW_SHOW);

㈨ html頁面載入代碼

HTML不能夠載入php代碼的，只能夠實用javascript這類腳本語言，php代碼專門用於php格式的文件的，php文件可以用HTML的代碼

㈩怎麼插入HTML代碼

插入HTML代碼十四、在網頁中插入HTML代碼

（一）插入HTML代碼的方法
1、在設計視圖中插入HTML代碼
（1）方法一：
①復制HTML代碼。
②在DW設計視圖中滑鼠定位在想要插入代碼處，按右鍵\點插入HTML。
③點「編輯菜單\粘貼HTML」。
（2）方法二：
①在DW設計視圖中滑鼠定位在想要插入代碼處，按右鍵\點插入HTML。
②在彈出的「插入HTML<>」窗口中的括弧<>中間輸入代碼。
③要編輯修改代碼，這樣做：右擊標簽\編輯標簽。
2、在代碼視圖中插入HTML代碼
在代碼視圖中的標記<head>和</head>之間或者在標記<body>和</body>之間輸入代碼即可。
【例1】在自己的網頁中插入Google搜索引擎的方法
①登錄網址：www.google.com
②點「google大全」按鈕。
③點「google免費」按鈕。
④選擇並復制其提供的全部代碼。
⑤在DW設計窗口中滑鼠定位在想要插入google搜索引擎處，按右鍵\點插入HTML。
⑥編輯菜單\粘貼HTML。
【例2】在自己的網頁中插入網路搜索引擎的方法。
①登錄網址：http://www..com
②點「網站登錄」按鈕。
③點「免費搜索代碼」按鈕。
④選擇並復制其提供的全部代碼。
⑤在DW設計窗口中滑鼠定位在想要插入網路搜索引擎處，按右鍵\點插入HTML。
⑥編輯菜單\粘貼HTML。

【一句話技巧】
1、將原代碼中所有的空格、另起行等去掉，所有代碼緊緊靠在一起，（不會影響代碼的解釋），則網頁代碼的大小可以縮小一半左右。
2、在添加表單時，為了排版方便，一般都把表單建在表格單元格中，原代碼中即為「<td><form>……</form></td>」，如果把<form>和<td>的位置在原代碼中交換一下，變為「<form><td>……</td></form>」，再去瀏覽網頁，表單後多加的一個空行就沒有了，並且更加美觀。
（二）常用的代碼
1、插入音樂視頻的代碼
在網頁中插入播放聲音（如mp3等）、AVI動畫和電影文件（如MPG等）的代碼：
在代碼窗口中的<body>和</body>之間插入以下代碼：
<Embed src="url"width="寬度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"></Embed>
【註解】
<EMBED…………………起始標記
SRC="url"……………源文件名
width="450"…………播放器的寬度
height="380"…………播放器的高度
HIDDEN="TRUE"………隱藏方式（對播放聲音文件有用，對播放視頻無用）
AUTOSTART="TRUE"……自動播放
autostart="false"……不自動播放，點擊播放按鈕後才播放。
LOOP="TRUE"…………循環播放
NAME="MySound"………嵌入對象名
</EMBED>………………結束標記
【例3】打開網頁並點擊播放器的播放按鈕後才播放視頻文件kkk.mpg：
<Embed src="kkk.mpg"width="450"height="380" autostart="false" ></Embed>
【技巧】此法對製作課件特別有用，可在網頁當前頁播放視頻動畫。但是，打開網頁時播放器總在網頁的左側，如何定位播放器的位置呢？其實插入此代碼可以在設計視圖中利用層來完成，實現方法是：在DW中的設計視圖，插入層，滑鼠定位於層內，在層內插入代碼（按右鍵\點插入HTML，在彈出的「插入HTML<>」窗口中的括弧<>中間輸入代碼。如果要編輯修改代碼，這樣做：右擊標簽\編輯標簽。）。通過移動層就可以准確定位播放器的位置了。
【視頻格式轉換】用超級解霸或會聲會影可將VCD中的某個視頻文件(.DAT)轉換為視頻文件(.mpg)。
【例4】打開網頁後自動播放（就象背景音樂）聲音文件mlh.mp3：
<Embed src="mlh.mp3" HIDDEN="TRUE" AUTOSTART="TRUE"></Embed>
2、插入播放背景音樂（wav、midi、mp3）的代碼
只要在代碼窗口中的<head>和</head>標簽之間以下代碼即可：
<bgsound src="Music File Name" loop=n>
【注】①Music File Name是背景音樂文件名，其格式可以是：.mid，.mp3，.wav，.wma，.rmi。
②n表示循環次數，若n為－1則表示無限循環。
③網頁文件和音樂文件要在同一文件夾中。
【例5】無限循環播放背景音樂mlh.mp3：
<bgsound src="mlh.mp3" loop="-1">
3、插入滾動文本的代碼
在代碼窗口中的<body>和</body>之間插入滾動文本的代碼：
<marquee direction=left│rigth│up│down behavior＝scroll│slide│alternate loop=n
width=寬度 height=高度 scrollamount=滾動速度 scrolldelay=滾動延遲時間 bgcolor=背景顏色>
要滾動的文本或圖像
</marquee>
【說明】
①direction屬性：用於設置滾動的方向，取值可以是left、rigth、up或down，分別代表向左、向右、向上或向下滾動。
②behavior屬性：用於設置滾動的方式，scroll表示循環滾動，slide表示只滾動一次，alternate表示來回滾動。
③loop屬性：用於設置滾動的次數。若未指定，對於scroll和alternate滾動方式而言，將一直滾動下去。
④width，height屬性：width用於設置滾動的行程（水平方向滾動）和寬度（垂直方向滾動），height用於設置滾動區域的高度。
⑤scrollamount屬性：用於設置滾動的速度。
⑥scrolldelay屬性：用於設置滾動一次後的延遲時間，單位為毫秒。
⑦bgcolor屬性：用於設置滾動區域的背景顏色。

【例6】插入向上向上滾動的文本。
<marquee direction=up height=100 width="95%" scrollamount=1 scrolldelay=20 >
<p><font color="red"> 本站新聞</font></p>
本網站今日試開通，有些功能還不太完善。請大家批評指正，謝謝！！ </marquee>
註：以上分別是代碼，只要在網頁中插入這些代碼即可。其中direction=up表示滾動方向（向上），
height=100表示滾動的單元格高度（100），width="95%"表示滾動新聞占單元格寬度的百分比，scrollamount=1表示每次滾動的象素數（1個象素），scrolldelay=20表示滾動間隔時間（每20毫秒滾動一次）。

【例7】插入向左的滾動文本。
<marquee direction=left behavior＝alternate width=90% height=20 scrollamount=1
scrolldelay=5 bgcolor=#eeffee>
歡迎光臨本網站——祝你早日成為大蝦!</marquee>

【例8】插入向左滾動的圖像
<marquee direction=left behavior＝alternate width=90% height=20 scrollamount=2
scrolldelay=5 bgcolor=#eeffee><img src="gif_jpg/x1.gif"><img
src="gif_jpg/x2.gif"><img src="gif_jpg/x3.gif">
</marquee>
【例9】在網頁中插入表格式（2行1列）並創建超鏈接的向上滾動文本，運行效果是：友情鏈接
清華大學出版社
新思維計算機學校
天極網

實現的HTML代碼如下：
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="176" border="1" cellspacing="0" cellpadding="0" bgcolor="#339999"
bordercolor="#339999" align="center">
<tr><td height="17"><font color="#FFFFFF"><center>
友情鏈接</center></font></td></tr> ……表格第1行
<tr style="LINE-HEIGHT:18pt" bgcolor="#eeffee"> ……行間距，表格第2行開始
<td height="140">
<marquee scrollamount='1' scrolldelay='50' direction='up' width='176'
height='140' onMouseOver='this.stop()' onMouseOut='this.start()'>
<a href="http://www.tup.tsinghua.e.cn" target='_blank'>清華大學出版社</a><br>
<a href="http://www.pcnete.com" target='_blank'>新思維計算機學校</a><br>
<a href="http://www.yesky.com" target='_blank'>天極網</a>
</marquee>
</td></tr> ……………………………………表格第2行結束
</table>
</body>
</html>
4、設置頁面左邊距，上邊距的代碼
設置頁面的左邊距和上邊距，可使頁面元素緊靠邊線，避免「留空」影響美觀。其代碼是：
<body leftmargin=頁面左邊距的值 topmargin=頁面上邊距的值></body>
【例10】將頁面左邊距設為0，上邊距設為0。只需在頁面插入如下代碼：
<body leftmargin=0 topmargin=0></body>
5、從其他網站的網頁上獲取代碼，並將其插入到自己的網頁。
1、獲取代碼：打開其他網頁，點擊「查看」菜單下的「源文件」或者右擊網頁中的對象再點擊「查看源文件」。即可看到網頁的源代碼，在出現的記事本中查找到標記對<script>和</script>以及標記對之間的所需內容。並將他們一起復制到剪貼板。
2、將代碼插入到自己的網頁：編輯自己的網頁，在代碼視圖中的</head>和</head>之間粘貼入代碼。
【例11】將http://xky.nease.net/index.htm上的日歷代碼插入到自己網頁中。
①登錄網站http://xky.nease.net/index.htm，右擊網頁上的日歷\查看源文件。
②在出現的記事本中查找到標記對<script>和</script>以及標記對之間所包含的日歷內容。
③將標記對<script>和</script>以及標記對之間所包含的日歷內容一起復制到剪貼板。
④編輯自己的網頁，在代碼視圖中的</head>和</head>之間粘貼入代碼。
6、消去超級鏈接下劃線的代碼
把以下的STYLE放在HEAD中間
<style>
a{text-decoration:none}
</style>

閱讀全文

html載入代碼

與html載入代碼相關的閱讀推薦