前沿
非常非常久的時間沒有寫html了,一直做原生混合html的開發,很多時候都需要自己寫一個html頁面,然後調用android中寫的js方法進行測試,最近在研究返利網的返利模式,需要自己寫一個html,有一個輸入框,然後獲取到輸入框的值,進行安裝判斷,然後跳轉,很久沒寫,html都不會寫了,下面是存着方便後期自己忘記的時候再次使用。
1.如何寫一個輸入框
<input id="data" type="text" name="name" />
<input type="submit" value="測試" onclick="test()"/>
其中value爲顯示的值 類似 android:text=”測試“
type=”submit” 就是提交按鈕
οnclick=“test()” 點擊事件
3.如何獲取輸入框的值
1)沒有導入jquery的情況下
function test(){
alert(document.getElementById("data").value);
}
2)導入了jqery的情況下
function test(){
alert($('#data').value);
}
4.整體代碼
因爲當中含有很多自己正在測試的代碼,提取自己需要的就好
<html>
<head>
<title>測試</title>
<script type="text/javascript">
function btnAction()
{
};
function jumpOne(){
RHNativeJS.openAliSDK();
};i
function jumpTwo(){
RHNativeJS.openURlFormKepler('http://m.jd.com');
};
function fuqinming(){
xxx.openJDHomeApp();
}
function test(str){
alert("dddddd:"+str);
var myBlob = new Blob(str, {'type': 'text\/xml'});
alert("fuqinming");
}
//btnAction();
function openKepler(){
//打開開普勒
xxx.openJDHome();
}
//APP方式打開開普勒
function openJDHomeApp(){
xxx.openJDHomeApp();
}
//HTML方式打開開普勒
function openJDHomeWeb(){
xxx.openJDHomeWeb();
}
//打開阿里百川
function openAliDemo(){
xxx.openBaichuan();
};
//APP打開阿里百川
function openAliHomeApp(){
RHNativeJS.openAliHomeApp();
}
//HTML方式打開阿里百川
function openAliHomeWeb(){
alert("hehehe");
xxx.openAliHomeWeb();
}
//測試
function test(){
//獲取 輸入框的值
alert(document.getElementById("data").value);
}
</script>
</head>
<body>
<p/>
<p/>
調用京東NATIVE方法模擬:<br/>
<button type="submit" onclick="openKepler()">調起京東[判斷是否安裝]</button>
<p/>
<button type="submit" onclick="openJDHomeApp()">調起京東[APP打開方式]</button>
<p/>
<button type="submit" onclick="openJDHomeWeb()">調起京東[HTML打開方式]</button>
<p/>
<p/>
<p/>
調用淘寶百川NATIVE方法模擬:<br/>
<button type="submit" onclick="openAliDemo()">調起阿里百川[是否安裝]</button>
<p/>
<button type="submit" onclick="openAliHomeApp()"> 調起阿里百川[APP打開方式]</button>
<p/>
<button type="submit" onclick="openAliHomeWeb()"> 調起阿里百川[HTML打開方式]</button>
<p/>
<p/>
<p/>
測試打開淘寶觸屏版中的更多button<br/>
<button type="submit" onclick="btnAction()">調起更多button呼氣協議</button>
<p/>
<p/>
下面爲模仿返利網_淘寶返利<p/>
<input id="data" type="text" name="lname" />
<p/>
<input type="submit" value="測試" onclick="test()"/>
</body>
</html>
感嘆,溫故而知新,很多不常寫的東西,很容易忘記。哎,我這個記憶不好的人,可怎麼辦呢。