請教一個很簡單的語法寫作
我想用純HTML寫個網頁(或加入JavaScript亦可)
檔名叫:index.html
用FORM 做主架構
FORM 有個主欄位叫cc(格式用text)
當cc的值等於空白時
index.html 程式會自動以亂數取得某頁
內容以iframe框架語法呼叫:page-001~010 其一頁面
若cc的值手動改為002
則內容以iframe框架語法呼叫:page-002.html 頁面
我的cc頁面有200多個: 都是以page-xxx.html開頭
用cc後的數字做對應
畫面下方立即產生page-xxx.html的內容
上方的選項區並不會改變
以上小小的程式
請前輩指點
或修改所列的程式碼
<form>
<input type="text" name="cc"><input type="button" value="go">
</form>
<script type="text/javascript">
LcFC1=new Array(10);
LcFC1[0]="page-001.html";
LcFC1[1]="page-002.html";
LcFC1[2]="page-003.html";
LcFC1[3]="page-004.html";
LcFC1[4]="page-005.html";
LcFC1[5]="page-006.html";
LcFC1[6]="page-007.html";
LcFC1[7]="page-008.html";
LcFC1[8]="page-009.html";
LcFC1[9]="page-010.html";
index1=Math.floor(Math.random()*LcFC1.length);
LcFC2="http://www.xxxxxx.idv.tw/"+LcFC1[index1]
top.location.href=LcFC2;
</script>
已邀請的邦友 {{ invite_list.length }}/5
我也來練習一下
page-xxx.html放在一個叫做subpage的資料夾裡
<pre class="c" name="code">
<title>as your wish</title>
<script>
// get random between 001 ~ 010?
var genRandPage = function(){
return ("000" + (Math.floor(Math.random()*10) + 1)).slice(-3);
}
window.onload = function() {
var randPageNum = genRandPage();
document.getElementById('subPage').src = 'subpage/page-' + randPageNum + '.html';
document.getElementById('changePageBtn').onclick = function() {
var targetPageNum = document.getElementById('pageNum').value;
targetPageNum = targetPageNum || genRandPage();
document.getElementById('subPage').src = 'subpage/page-' + targetPageNum + '.html';
}
}
</script>
<input id="pageNum" type="text">
<input id="changePageBtn" type="button" value="change page">
<br>
<iframe id="subPage" style="width:100%;height:500px;"></iframe>
這樣不就亂跳了嗎??
還是你要送出才亂跳
<pre class="c" name="code">
<title>老鷹亂玩</title>
<script type="text/javascript">
LcFC1=new Array(10);
LcFC1[0]="page-001.html";
LcFC1[1]="page-002.html";
LcFC1[2]="page-003.html";
LcFC1[3]="page-004.html";
LcFC1[4]="page-005.html";
LcFC1[5]="page-006.html";
LcFC1[6]="page-007.html";
LcFC1[7]="page-008.html";
LcFC1[8]="page-009.html";
LcFC1[9]="page-010.html";
index1=Math.floor(Math.random()*LcFC1.length);
LcFC2="http://www.xxxxxx.idv.tw/"+LcFC1[index1]
top.location.href=LcFC2;
</script>
<form>
<input type="text" name="cc"><input type="button" value="go">
</form>
第二版本,等你按下按鈕才會亂數,剩下的你因該OK吧,加個判斷,判斷是否輸入為空,不是在執行你輸入的網頁,使用JQUERY
<pre class="c" name="code">
<title>老鷹亂玩</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(document).ready(function(){
$("#button").click(function(){
LcFC1=new Array(10);
LcFC1[0]="page-001.html";
LcFC1[1]="page-002.html";
LcFC1[2]="page-003.html";
LcFC1[3]="page-004.html";
LcFC1[4]="page-005.html";
LcFC1[5]="page-006.html";
LcFC1[6]="page-007.html";
LcFC1[7]="page-008.html";
LcFC1[8]="page-009.html";
LcFC1[9]="page-010.html";
index1=Math.floor(Math.random()*LcFC1.length);
LcFC2="http://www.xxxxxx.idv.tw/"+LcFC1[index1]
top.location.href=LcFC2;
});
});
</script>
<form>
<input type="text" name="cc"><input type="button" id="button" value="go">
</form>
這是樓主半年前的問題
可能還沒滿意的解決吧
chingfeng提到：
這樣不就亂跳了嗎??
我是希望一開啟index首頁,就直接先隨便跳出一頁.
還請鷹俠再次提點..
index就第一版,第二版就第二頁
我整理了一下,還是有點問題,我希望一開啟網頁,就隨便開啟一頁,然後輸入任數字,會變換.
我不是用top.location.href亂跳,是開個iframe.
可否請鷹俠給我指點,感恩..
<title>老鷹亂玩</title>
<script type="text/javascript">
LcFC1=new Array(10);
LcFC1[0]="page-001";
LcFC1[1]="page-002";
LcFC1[2]="page-003";
LcFC1[3]="page-004";
LcFC1[4]="page-005";
LcFC1[5]="page-006";
LcFC1[6]="page-007";
LcFC1[7]="page-008";
LcFC1[8]="page-009";
LcFC1[9]="page-010";
index1=Math.floor(Math.random()*LcFC1.length);
LcFC2=LcFC1[index1]
</script>
<form>
<input type="text" name="cc"><input type="button" value="go" onclick="document.getElementById('iframe').src='cc'+this.form.cc.value+'.html';">
</form>
<iframe id="iframe"></iframe>
抱歉!這幾天手掛了,乾脆使用JQUERY,來寫這樣比較簡單.
等手好在coding
chingfeng提到：
等手好再coding
鷹俠大師
我是想用最基本的語法CODING
還請方便時
再予以指正...
其實JQUERY是JS的框架 方便很多
那你先自己寫看看吧,這邊有些資料您可以先看一下!
大陸的教學網站.
HTML <iframe> 标签
src打開網頁先讓他隨機制換.
JQuery教學
通常都是 什麼元素做了什麼事件 執行什麼東西 你可以參考一下!
Jquery因該很好上手 不過精通就是要經驗了!
JS語法參考
隨機做法,樓主就先自己嘗試寫寫看,等有草稿在來討論或者加強補充!
分開貼
JS部分
<pre class="c" name="code">
<title>老鷹亂玩</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
LcFC1=new Array(10);
LcFC1[0]="page-001.html";
LcFC1[1]="page-002.html";
LcFC1[2]="page-003.html";
LcFC1[3]="page-004.html";
LcFC1[4]="page-005.html";
LcFC1[5]="page-006.html";
LcFC1[6]="page-007.html";
LcFC1[7]="page-008.html";
LcFC1[8]="page-009.html";
LcFC1[9]="page-010.html";
index1=Math.floor(Math.random()*LcFC1.length);
LcFC2="http://www.google.com/"+LcFC1[index1]
$(document).ready(function(){
$("#test").attr('src',LcFC2);
});
$(document).ready(function(){
var ss = $('#cc').val();
LcFC3="http://www.google.com/"+ss
$("#button").click(function(){
$("#test").attr('src',LcFC3);
});
});
</script>
HTML
<pre class="c" name="code">
<form>
<input type="text" id="cc" name="cc"><input type="button" id="button" value="go">
</form>
<div>
<iframe src="" id="test"></iframe>
</div>
<div id="qq"></div>
目前可以隨機頁面,可以輸入"一次"置換頁面,現在交給你了!
多嘗試吧!
執行環境：
1.Windows 7
2.Microsoft Internet Explorer 10
3.執行時需同意「允許被封鎖的內容」
<pre class="c" name="code">
<HTML>
<SCRIPT Language="Javascript">
function clickme() {
document.all.mainframe.src = "http://ithelp.ithome.com.tw/question/" + document.all.pageno.value + "?tag=hp.share";
}
function clickmesel() {
document.all.mainframe.src = "http://ithelp.ithome.com.tw/question/" + document.all.pagenosel.value + "?tag=hp.share";
}
function randsel() {
document.all.pagenosel.selectedIndex = Math.floor(Math.random() * 4);
clickmesel();
}
</SCRIPT>
<BODY onload="javascript:randsel();">
<TABLE>
<TR>
<TD>
<INPUT type=TEXT name="pageno"/>
<INPUT type=BUTTON value="Click to Change Page" onclick="javascript:clickme();"/>
</TD>
</TR>
<TR>
<TD>
<SELECT name="pagenosel">
<OPTION value="10141477">跨世代Open應用架構 研討會</OPTION>
<OPTION value="10138465">IBM 10月研討會課程訊息分享</OPTION>
<OPTION value="10126551">請問大家，如果理想妹想針對「儲存」或「虛擬化」這樣的題目辦個網聚，大家會想聽到那些內容呢？</OPTION>
<OPTION value="10126177">請問大家，您覺得台灣產業對「Big Data」的應用是否有機會爆發呢?</OPTION>
</SELECT>
<INPUT type=BUTTON value="Click to Change Page" onclick="javascript:clickmesel();"/>
</TD>
</TR>
<TR>
<TD>
<IFRAME name="mainframe" width="1024" height="768"/>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
iThome鐵人賽
看影片追技術