電腦領域 HKEPC Hardware » 程式編寫 » 有網頁個source data，點寫html code？？

返回列表發帖

Rank: 1

1^# 跳轉到 » 倒序看帖

字體大小: tT

發表於 2016-7-20 14:42 | 只看該作者

[技術討論] 有網頁個source data，點寫html code？？

本帖最後由 tomtsang 於 2016-7-20 17:54 編輯

hello，c兄，之前我見過人整過一堆html code，一入copy and paste就可以入曬資料，近排想研究下點整
－想問下如果我有個網頁個source，其實可唔可以整到寫到html code然後即刻入曬d data，我唔係好識寫，所以想請教下大家。
－以下我搵左個個網頁既source
－我試過係console個到入過
if(document.getElementById('Name') != undefined){

document.getElementById('Name').value = "123";

}

-最後顯示undefined。。。。其實係咩野問題？？？

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>AEGTicketing.com</title>
<link rel="stylesheet" href="../Style.css" type="text/css">
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="../jquery-1.11.1.min.js"></script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="#BEBCBF" background="../images/template_m_bg_black.gif">
<div align="center">
<table border="0" width="960" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td colspan="3">
<img border="0" src="../images/ticketing_template_top.jpg" width="960" height="226" galleryimg="no"></td>
</tr>
<tr>
<td colspan="3">
<img border="0" src="../images/template_m_top.jpg" width="960" height="26"></td>
</tr>
<tr>
<td width="30" background="../images/template_m_left.jpg" valign="top">
<img border="0" src="../images/template_m_left.jpg" width="30" height="386"></td>
<td width="900" valign="top" bgcolor="#FFFFFF">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<div align="center">
<table border="0" cellpadding="10" cellspacing="0" width="700">
<tr>
<td width="600" valign="top">
<p><font face="arial, helvetica, sans-serif" color="#0000ff"><strong>Dear Jane Concert 2016<br />Dear Jane哪裡只得我共你LIVE 2016</strong></font></p><p>Priority Booking period – Jul 19, 2016 9am till Jul 22, 2016 11:59 pm,<br />First come first served. </p><p>優先訂購日期由2016年7月19日至7月22日<br /><font color="#ff0000"><font color="#000000">數量有限，售完即止！</font></font></p>
</td>
<td width="100" valign="top" align="right">　</td>
</tr>
</table>
<table border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="images/Titles_05.jpg" width="300" height="30"></td>
</tr>
<tr>
<td bgcolor="#FFBC79" height="5"></td>
</tr>
</table>
<form method="post" action="/DearJane2016/tc/ticketing_03.asp?pb=1" name="form1">
<table border="0" cellpadding="2" cellspacing="0" width="500">
<tr>
<td bgcolor="#CCCCCC" colspan="2"><b><font size="2" color="#FF3E00">個人 / 聯絡資料:</font></b></td>
</tr>
<tr>
<td valign="top"><font color="#FF0000">*</font>持卡人英文全名:</td>
<td valign="top">
<input type="text" name="Name" value="" size="30" maxlength="100">
<br>
(必須填寫真實姓名，如資料不屬實，訂單將會被取消) </td>
</tr>
<tr>
<td><font color="#FF0000">*</font>電郵地址:</td>
<td>
<input type="text" name="Email" value="" size="30" maxlength="100">
</td>
</tr>
<tr>
<td><font color="#FF0000">*</font>聯絡電話號碼:</td>
<td>
<input type="text" name="Tel" value="" size="30" maxlength="100">
</td>
</tr>
<tr>
<td><font color="#FF0000">*</font>手提電話號碼:</td>
<td>
<input type="text" name="Mobile" value="" size="30" maxlength="100">
</td>
</tr>
<tr>
<td>手提電話號碼區域:</td>
<td>
<label><input name="MobileArea" type="radio" value="hk" checked>香港</label>
<label><input name="MobileArea" type="radio" value="mo" >澳門</label>
<label><input name="MobileArea" type="radio" value="cn" >中國</label> </td>
</tr>
<tr>
<td><font color="#FF0000">*</font>郵寄地址:</td>
<td>
<input type="text" name="Address1" value="" size="30" maxlength="100" onKeyDown="if(event.keyCode==13)event.keyCode=9;if(Address1.value.length>=30 && event.keyCode!=8){alert('地址欄1的字數已超過限制');Address1.value=Address1.value.substring(0,30);}">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="text" name="Address2" value="" size="30" maxlength="100" onKeyDown="if(event.keyCode==13)event.keyCode=9;if(Address2.value.length>=30 && event.keyCode!=8){alert('地址欄2的字數已超過限制');Address2.value=Address2.value.substring(0,30);}">
</td>
</tr>
<tr>
<td> </td>
<td>
* 必須為香港地址，中國及其他國家不接受郵寄。</td>
</tr>
<tr>
<td> </td>
<td>
<font color="#FF0000">* 必須填寫</font></td>
</tr>
</table>
<br>
<table border="0" cellpadding="2" cellspacing="0" width="500">
<tr>
<td bgcolor="#CCCCCC" colspan="2"><b><font size="2" color="#FF3E00">訂<span lang="zh-tw">購</span>資料:</font></b></td>
</tr>
<tr>
<td colspan="2"><p>Concert Name: Dear Jane Concert 2016<br />演出名稱：Dear Jane哪裡只得我共你LIVE 2016</p><p>Show Date: Sep 3, 2016<br />演出日期：2016年9月3日</p><p>Venue: Star Hall (KITEC)<br />演出地點：九龍灣國際展貿中心Emax 3樓 – 匯星Star Hall</p><p>Show Time: 8:15pm<br />演出時間：晚上8時15分</p><p>Ticket Price: HK$580 / HK$480 / HK$380<br />票價　　：HK$580 / HK$480 / HK$380</p></td>
</tr>
</table>
<br>
<table border="0" cellspacing="0" cellpadding="5">
<tr align="center">
<td>日期</td>
<td width="80">票價</td>
<td width="60">張數</td>
<td width="80">手續費</td>
<td width="100">合共</td>
<td></td>
</tr>
<input type="hidden" name="bdNum" value="1">
<input type="hidden" name="Date_1" value="1">
<input type="hidden" name="Price_1" value="1">
<input type="hidden" name="Qty_1" value="1">
<tr>
<td align="center">2016年9月3日</td>
<td align="center">$580</td>
<td align="center">1</td>
<td align="center">$32</td>
<td align="center">$612</td>
</tr>
<tr>
<td colspan="5"><img border="0" src="images/Line_3x3_gray.gif" width="100%" height="3"></td>
</tr>
<tr align="center">
<td colspan="2"></td>
<td>共 1 張</td>
<td align="right">總額:</td>
<td> HK$612</td>
</tr>
</table>
<br>
<input type="image" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Prev','','images/Button_Previous_over.jpg',1)" src="images/Button_Previous.jpg" border="0" width="104" height="24" name="Prev">
<input type="image" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Next','','images/Button_Next_over.jpg',1)" src="images/Button_Next.jpg" border="0" width="104" height="24" name="Next">
</form>
<table border="0" width="600" cellspacing="0" cellpadding="5">
<tr>
<td valign="top"><hr color="#FFBC79">
<img border="0" src="images/Organizer.jpg"></p>
<p></p>
</td>
</tr>
</table>
<hr style="color: #FFBC79; width: 700px; height: 5px; margin-bottom: 20px;">
</div>
</td>
<td align="right" width="30" background="../images/template_m_right.jpg" valign="top">
<img border="0" src="../images/template_m_right.jpg" width="30" height="386"></td>
</tr>
<tr>
<td colspan="3" height="88" align="center" background="../images/template_m_bottom.jpg">
<font face="Arial" style="font-size:11px">[
</font><font face="Arial" color="#333333" style="font-size:11px">
<a href="index.asp" class="btm">回主頁</a></font><font face="Arial" style="font-size:11px">
] [
</font><font face="Arial" color="#333333" style="font-size:11px">
<a href="http://www2.aegpromotion.com/tc/aboutus.asp" class="btm">關於我們</a></font><font face="Arial" style="font-size:11px">
] [
</font>
<font face="Arial" color="#333333" style="font-size:11px">
<a href="http://www2.aegpromotion.com/tc/history.asp" class="btm">演出記錄</a><font face="Arial" style="font-size:11px">
] [
</font>
<a href="http://www2.aegpromotion.com/tc/contactus.asp" class="btm">聯絡我們</a><font face="Arial" style="font-size:11px">
] [
</font>
<a href="http://www2.aegpromotion.com/tc/privacy.asp" class="btm">私隱政策</a><font face="Arial" style="font-size:11px">
] [
</font>
<a href="terms.asp" class="btm">條款及細則</a><font face="Arial" style="font-size:11px">
]</font></font><br><br>
<font size="2" face="Arial">Copyright © 2016 AEG Promotion Ltd. All Rights Reserved. Powered by </font>
<font size="2" face="Arial" color="#333333"><a target="_blank" href="http://www.hkwww.com">HKWWW</a></font></td>
</tr>
</table>
</div>
</body>
</html>

複製代碼

Like：0

0

Dislike：0

0

Rank: 3 Rank: 3 Rank: 3

2^#

發表於 2016-7-20 17:17 | 只看該作者

回覆 1# tomtsang

TRY TRY:

document.querySelector("input[name=Name").value = "Mr Hello";
document.querySelector("input[name=Email").value = "hello@world.com";

Rank: 1

3^#

發表於 2016-7-20 17:48 | 只看該作者

回覆 tomtsang

TRY TRY:

document.querySelector("input[name=Name").value = "Mr Hello";
document.qu ...
gamezz 發表於 2016-7-20 17:17

thank you so much.....
c兄，WORK AR
可否解解知點解得？？

Rank: 1

4^#

發表於 2016-7-20 17:57 | 只看該作者

回覆 tomtsang

TRY TRY:

document.querySelector("input[name=Name").value = "Mr Hello";
document.qu ...
gamezz 發表於 2016-7-20 17:17

點解用if element id唔得，但用document query又ok？個網用既command唔一樣？？研究左好耐，估唔到一上黎問就解到，thanksssssss

Rank: 3 Rank: 3 Rank: 3

5^#

發表於 2016-7-20 22:19 | 只看該作者

getElementById係要有id="Name"先match到
name="Name"係match唔到

唔同情況用唔同selector

Rank: 3 Rank: 3 Rank: 3

6^#

發表於 2016-7-20 22:36 | 只看該作者

直接用jQuery selector

Rank: 5 Rank: 5 Rank: 5 Rank: 5 Rank: 5

7^#

發表於 2016-7-20 23:56 | 只看該作者

直接用jQuery selector
stta800 發表於 2016-7-20 22:36

jQuery selector其實同querySelector用法大同小異

Rank: 3 Rank: 3 Rank: 3

8^#

發表於 2016-7-21 00:12 | 只看該作者

回復 3 #tomtsang

一個input field, 通常有三個方式去select 佢: id , class, name

你張form d field 得name attribute , 所以你用id select 當然無return.

via HKEPC Reader for Android

Rank: 1

9^#

發表於 2016-7-21 00:13 | 只看該作者

回覆 2# gamezz

岩岩發現呢段js剩係chrome用到，ie同safari都唔work，會出Error: SyntaxError: DOM Exception 12，其實又點解？？個個瀏覽器識別既js都唔同？？

Rank: 1

10^#

發表於 2016-7-21 00:17 | 只看該作者

回覆 8# gamezz

thxxx！甘如果用class既話，個code又變左點打？？

關於 | 使用條款 | 私隱政策 | 聯絡我們 | 廣告查詢

Copyright © 2003-2026 HKEPC Production Co. Ltd.