Ⅰ 如何用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"/>