Ⅰ 如何用javascript實現,點擊不同表格里的內容,在一個指定的表格里顯示不同的幫助提示
很簡單的問題,找到他們的觸發事件即可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#div1 {
width:300px;
height:200px;
border:1px solid #ccc;
margin:0px auto;
padding-left:80px;
padding-top:30px;
font-size:15px;
font-family:"宋體";
line-height:175%;
}
</style>
</head>
<body>
<div id="div1">
<p><input id="radio1" type="radio" value="a" onclick="javascript:showinfo(this.value);"> a
<input id="radio2" type="radio" value="b" onclick="javascript:showinfo(this.value);"> b </p>
<p><select id="select1" onchange="javascript:showinfo(this.value);" name="select1">
<option value="aa">aa</option>
<option value="bb">bb</option>
</select>
</p>
<p><span id="helpinfo">幫助信息</span></p>
</div>
<script type="text/javascript">
var help = document.getElementById("helpinfo");
function showinfo(value)
{
switch(value)
{
case "a":
help.innerHTML = "a";
document.getElementById("radio2").checked=false;
break;
case "b":
help.innerHTML = "b";
document.getElementById("radio1").checked=false;
break;
case "aa":
help.innerHTML = "aa";
break;
case "bb":
help.innerHTML = "bb";
break;
default:
break;
}
}
</script>
</body>
</html>
Ⅱ 上海離廣州遠嗎坐火車要幾小時
直線距離1215公里
空中飛行距離1310公里 虹橋至新白雲
鐵路距離(滬杭 浙贛 京廣線)上海站至廣州站1810公里 上海站至廣州東站1818公里 上海西站至廣州站1805公里車次時刻表出發站-到達站出發時間-到達時間用時里程硬座硬卧(下)軟卧(下)轉讓<DIV id=js_showinfo style="DISPLAY: block; WIDTH: 98%" _extended="true" name="js_showinfo">K511時刻表上海南-廣州09:50-06:4221小時12分1780203357568K527時刻表上海南-廣州04:18-04:1824小時0分1780203357568T169時刻表上海南-廣州11:27-05:4018小時13分1780203357568T99B時刻表上海-廣州東17:09-10:1917小時49分1818208367584Z81/Z84時刻表上海南-廣州東15:11-07:2016小時9分1709200351554T99時刻表上海-廣州東17:09-10:1917小時10分1818208367584
Ⅲ 如何用JS來點擊按鈕
用JS來點擊按鈕需要分2步,第一步是選中按鈕的回元素,第二步是使用元素自帶的click函數。
例如接下來我將要演示答的例子中,僅用
document.getElementById("btn").click()
一行就可以控制按鈕點擊。
其中document.getElementById("btn")是根究id獲取按鈕的元素,click()是使按鈕被點擊一次。
這是我為此問題專門寫的在線演示頁面點擊按鈕演示頁面。
頁面結構如圖
Ⅳ JavaScript1問題, 我學JavaScript,搞不清object和function,以及他們的寫法,花括弧 小括弧,有點亂
JavaScript的面向對象是基於原形的,所有對象都有一條屬於自己的原型鏈。Object與Function可能很多看Object instanceof Function , Function instanceof Object都為true而迷惑,所以首先看下對象的實例。
1. 如var a = new A();這樣子通常的認為 「a為A函數的實例對象」。
2. new操作的過程是什麼?
1.new創建一個空對象{}稱為小C
2.然後將A.prototype放置到小C的原型鏈頂端。即小C.__proto__指向 A.prototype
3.執行A函數,將A中this指向小C,執行結束,如果沒有return那麼默認返回this引用。
那麼new的其中一個的作用便是把A.prototype添加到了a的原型鏈中。
3. instanceof為js中判斷實例的方法,判斷的根據就是(例 a instanceof A) 判斷a的原型鏈中是否含有A.prototype。
4. 綜上包括常規認識new出來的實例。 所謂o 為fn的實例對象,實際就是指o原型鏈中含有fn.prototype
二、Object與Function的模糊圖解(自己畫的很搓)
解釋: 所有函數的prototype屬性均有constructor指向該函數。
所有對象均有原型鏈(Object.prototype的原型鏈為null)。
__proto__(chrome, ff中)代表[[proto]]內置屬性。
看過這個圖之後應該就明白為什麼instanceof是那個的結果了。
三、對象與Object的關系,原型鏈終結於Object.prototype
Object.prototype的原型鏈為空(即沒有一個原型對象)。因此Object.prototype instanceof Object 為false。
判斷類型用typeof , typeof(Object.prototype) === 『object』.所以不是所有的對象均為Object對象實例。應該是除了Object.prototype除外的所有對象均為Object對象的實例。
Ⅳ 在<a href="javascript:void(0)">標簽中代碼表示的是什麼意思
上面的含義是,讓超鏈接去執行一個js函數,而不是去跳轉到一個地址,你還可以見到其他寫法:
上面void(0)表示一個空的方法,也就是不執行
<a href="javascript:showInfo()">XXX</a>
上面表示去執行方法showInfo();
僅此而已。
一般像你上面的寫法時,一般都會給它添加一個onclick事件,通過事件去執行其他事情。
Ⅵ js 分頁插件如何銷毀
function page(param) {
/* 先銷毀pagination容器 */
$("#page").html("");
/* 重新生成容器 */
$("#page").html("<div class='m-pagination'></div>");
$(".m-pagination").eq(0).page({
firstBtnText : '首頁',
lastBtnText : '尾頁',
prevBtnText : '上一頁',
nextBtnText : '下一頁',
showInfo : true,
showJump : true,
jumpBtnText : '跳轉',
showPageSizes : true,
infoFormat : '{start} ~ {end}條,共{total}條',
remote : {
url : 'page/list.action', // 請求地址
params : {
'param' : param
// 自定義請求參數
},
beforeSend : function(XMLHttpRequest) {
$("#content").html("");
},
success : function(data, pageIndex) {
//data為響應返回的json數據
//...do somethings
var c="";
for (var i = 0; i < data.list.length; i++) {
c+="<tr><td>"+data.list[i].id+"</td><td>"+data.list[i].name+"</td><td>"+data.list[i].age+"</td></tr>";
}
$("#content").html(c);
},
complete : function(XMLHttpRequest, textStatu) {
//...
},
pageIndexName : 'pageIndex', //請求參數,當前頁數,索引從0開始
pageSizeName : 'pageSize', //請求參數,每頁數量
totalName : 'total' //指定返回數據的總數據量的欄位名
}
});
}
function find(){
var a=$("#age").val();
//alert(a);
page(a);
Ⅶ js保留小數點問題!急
如果${showInfo.tt}的值為20,要要它除以10以後精確到小數點後2位,那麼js代碼中可作如下寫法:
var a = ${showInfo.tt}/10;
//alert(a.toFixed(3)); //表示到小數點後3位得出的值為2.000
document.write(a.toFixed(2)); //得出的值為2.00
Ⅷ JS怎樣調用Android本地原生方法
在android中調用本地js文件里的方法並得到返回值其方法如下:
Android中內置了WebKit模塊,而該模塊的Java層視圖類就是WebView,所有需要使用Web瀏覽器功能的Android都需要創建該視圖類對象顯示和處理請求的網路資源。目前WebKit支持Http、Https、Ftp和JavaScript請求。下面是在Android中調用JavaScript方法以及如何在js中調用本地方法。
1、在Assets下放一個簡單的html文件jstest.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function showMsg(){
alert("hello world!");
}
function showMsgInAndroid(){
myjs.showMsg('hello in android!');
}
</script>
</HEAD>
<BODY>
<span>測試js使用</span>
<button id='btntest' onclick='showMsgInAndroid()'>調用android方法</button>
</BODY>
</HTML>
2、布局文件main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/rl_main"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<WebView
android:id="@+id/wv_test"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@+id/btn_showmsg"/>
<Button
android:id="@+id/btn_showmsg"
android:layout_width="200dip"
android:layout_height="40dip"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:text="調用html中js方法"/>
</RelativeLayout>
3、然後是Activity,MainActivity.java
package com.harold.jstest;
import com.harold.base.JSKit;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;
public class MainActivity extends Activity {
private WebView mWebView;
private Button btnShowInfo;
private JSKit js;
private Handler mHandler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//初始化控制項
mWebView = (WebView) findViewById(R.id.wv_test);
btnShowInfo = (Button) findViewById(R.id.btn_showmsg);
//實例化js對象
js = new JSKit(this);
//設置參數
mWebView.getSettings().setBuiltInZoomControls(true);
//內容的渲染需要webviewChromClient去實現,設置webviewChromClient基類,解決js中alert不彈出的問題和其他內容渲染問題
mWebView.setWebChromeClient(new WebChromeClient());
mWebView.getSettings().setJavaScriptEnabled(true);
//把js綁定到全局的myjs上,myjs的作用域是全局的,初始化後可隨處使用
mWebView.addJavascriptInterface(js, "myjs");
mWebView.loadUrl("file:///android_asset/jstest.html");
btnShowInfo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mHandler.post(new Runnable() {
@Override
public void run() {
//調用 HTML 中的javaScript 函數
mWebView.loadUrl("javascript:showMsg()");
}
});
}
});
}
}
4、最後是綁定全局js的類JSKit.java
package com.harold.base;
import android.widget.Toast;
import com.harold.jstest.MainActivity;
public class JSKit {
private MainActivity ma;
public JSKit(MainActivity context) {
this.ma = context;
}
public void showMsg(String msg) {
Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show();
}
}
例子比較簡單,代碼里都加了注釋,這里就不多說了,本示例用的本地的html,如果訪問網路中的網頁,別忘記在AndroidManifest.xml中加許可權
<uses-permission android:name="android.permission.INTERNET"/>