js或者jq点击按钮弹出一个对话框里面有input,填写后返回页面显示填写的内容,在线等 用jquery如何点击button按钮调用后台方法查询数据返...
\u5728javascript\u4e2d\u5982\u4f55\u5b9e\u73b0\u5355\u51fb\u6309\u94ae\u5c06\u6587\u672c\u6846\u4e2d\u8f93\u5165\u7684\u5185\u5bb9\u663e\u793a\u5728\u9875\u9762\u4e0a?\u6587\u672c\u6846\u5185\u5bb9\u663e\u793a\u5728\u6307\u5b9a\u5730\u65b9\uff1a\u5c31\u662f\u4e00\u4e2adom\u5185\u5bb9\u8f6c\u79fb\u7684\u64cd\u4f5c\uff0c\u4f7f\u7528Jquery\u83b7\u53d6\u539f\u751fjs\u90fd\u5f88\u597d\u5b9e\u73b0\uff0c\u914d\u5408\u5177\u4f53js\u4e8b\u4ef6\u5b9e\u73b0\u3002\u5177\u4f53\u64cd\u4f5c\u5982\u4e0b\uff1a
//\u5047\u5b9a\u6587\u672c\u6846\u7684id='mytext',\u6307\u5b9a\u663e\u793a\u533a\u57df\u7684id='show' //div/span/p\u7b49\u8282\u70b9\uff0c\u4e0d\u662f\u6587\u672c\u5143\u7d20function fun(){ getEle('show').innerHTML =getEle('mytext').value;}function getEle(id){ return document.getElementById(id);}
1\u3001\u65b0\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\uff0c\u547d\u540d\u4e3atest.html\uff0c\u7528\u4e8e\u8bb2\u89e3\u5982\u4f55\u7528jquery\u5b9e\u73b0\u70b9\u51fb\u6309\u94ae\u6587\u672c\u6846\u5185\u7684\u6587\u5b57\u52a0\u7c97\u3002
2\u3001\u5728test.html\u6587\u4ef6\u5185\uff0c\u4f7f\u7528input\u6807\u7b7e\u521b\u5efa\u4e00\u4e2a\u6587\u672c\u6846\uff0c\u7528\u4e8e\u6587\u5b57\u7684\u8f93\u5165\u3002
3\u3001\u5728test.html\u6587\u4ef6\u5185\uff0c\u8bbe\u7f6einput\u6807\u7b7e\u7684id\u4e3atestid\uff0c\u4e3b\u8981\u7528\u4e8e\u4e0b\u9762\u901a\u8fc7\u8be5id\u83b7\u5f97input\u5bf9\u8c61\u3002
4\u3001\u5728test.html\u6587\u4ef6\u5185\uff0c\u4f7f\u7528button\u6807\u7b7e\u521b\u5efa\u4e00\u4e2a\u6309\u94ae\uff0c\u6309\u94ae\u540d\u79f0\u4e3a\u201c\u52a0\u7c97\u6587\u5b57\u201d\u3002
5\u3001\u5728test.html\u6587\u4ef6\u4e2d\uff0c\u7ed9button\u6309\u94ae\u7ed1\u5b9aonclick\u70b9\u51fb\u4e8b\u4ef6\uff0c\u5f53\u6309\u94ae\u88ab\u70b9\u51fb\u65f6\uff0c\u6267\u884caddstrong\uff08\uff09\u51fd\u6570\u3002
6\u3001\u5728js\u6807\u7b7e\u4e2d\uff0c\u521b\u5efaaddstrong()\u51fd\u6570\uff0c\u5728\u51fd\u6570\u5185\uff0c\u901a\u8fc7id(testid)\u83b7\u5f97input\u5bf9\u8c61\uff0c\u4f7f\u7528css()\u65b9\u6cd5\u8bbe\u7f6einput\u5bf9\u8c61\u5185\u6587\u5b57\u7684font-weight\u5c5e\u6027\u503c\u4e3abolder\uff0c\u4ece\u800c\u5b9e\u73b0\u6587\u5b57\u7684\u52a0\u7c97\u3002
7\u3001\u5728\u6d4f\u89c8\u5668\u6253\u5f00test.html\u6587\u4ef6\uff0c\u70b9\u51fb\u6309\u94ae\uff0c\u67e5\u770b\u5b9e\u73b0\u7684\u6548\u679c\u3002
具体代码如下:
<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("请输入您的名字","小贾")
if (name!=null && name!="")
{
document.write("你好," + name + "!今天过得好吗?")
}
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="显示一个提示框" />
</body>
</html>
注意事项:
JS是javascript的缩写,是一种用于web开发的脚本代码。打开任何网页,右键点击查看源代码,开始是javascript代码JQ是JQuery的缩写,是将一些强大的JS代码写进一个文件中,可以通过参考JQ实现更简单方便的JS使用。
扩展资料:
prompt() 方法用于显示可提示用户进行输入的对话框。
如果用户单击提示框上的cancel按钮,则返回null。如果用户单击ok按钮,则返回当前显示在输入字段中的文本。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。
这个js的就内置着,
window.prompt("这里给提示","这里是默认值");
//有两个按钮,一个确定一个取消。
//点确定返回你写的内容,点取消返回 null
这个是有返回字符串的提示框,除了这个还有
window.alert("弹出显示的内容");//警告框,无返回值,只有一个确定按钮
window.confirm("弹出显示的内容");//提示框,确定和取消两个按钮,分别返回布尔值,true和false
var returnValue = showModalDialog(...
showModalDialog不会用的话百度下
绛旓細 娉ㄦ剰浜嬮」锛JS鏄痡avascript鐨勭缉鍐欙紝鏄竴绉嶇敤浜巜eb寮鍙戠殑鑴氭湰浠g爜銆傛墦寮浠讳綍缃戦〉锛屽彸閿鐐瑰嚮鏌ョ湅婧愪唬鐮侊紝寮濮嬫槸javascript浠g爜JQ鏄JQuery鐨勭缉鍐欙紝鏄皢涓浜涘己澶х殑JS浠g爜鍐欒繘涓涓鏂囦欢涓紝鍙互閫氳繃鍙傝僇Q瀹炵幇鏇寸畝鍗曟柟渚跨殑JS浣跨敤銆
绛旓細jq:("#aa p").click(function(){ var me=$(this);var lei=me.attr("parameter");var main=$(".layerMain[id='"+lei+"']");alert(main.html());});js:var ps=document.querySelectorAll("#aa p");for(var i=0;i<ps.length;i++){ ps[i].onclick=function(){ var me=th...
绛旓細 First Div Second Div Third Div Fourth Div 杩欎釜鎴戠敤div鏉ヤ唬鏇夸綘鐨勫浘鐗囷紝鐐瑰嚮鏌愪釜鎸夐挳锛屾樉绀哄搴旂殑div锛屼綘鍙互鍙傝冧慨鏀瑰簲璇ュ彲浠ユ弧瓒充綘鐨勮姹
绛旓細鍥犱负span1鐨刣isplay鍘熷灞炴ф槸block锛屾墍浠ユ墦寮椤甸潰浼氭樉绀簊pan1鐨勫唴瀹广傞夋嫨涓嶅悓鍗曢鎸夐挳鏃讹紝浼氳皟鐢ㄤ笉鍚岀殑js鏂规硶锛屾敼鍙樺悇涓猻pan鐨刣isplay鍊硷紝鏉ユ帶鍒舵樉绀轰笉鍚岀殑鍐呭銆
绛旓細浣犲簲璇ヨ兘鎼炲畾锛岀劧鍚庡氨鏄JS浜嗭紝jQuery jQuery("#clickDiv").click(function(){ //鐐瑰嚮clickDiv jQuery("#showId").show(); //鏄剧ずshowId setTimeout(jQuery("#showId").hide(), 3000); //3绉掑悗鍏抽棴showId });浣犲彲浠ヨ瘯璇曪紒鎴戞病娴嬭瘯锛屼笉杩囪繖涓緢绠鍗曪紝浣犳妸浠g爜鐪嬩笅搴旇灏变細鏄庣櫧浜嗭紒
绛旓細jquery鑳藉府鍔╀綘鐐瑰嚮涓涓寜閽脊鍑鎻愮ず妗嗭紝浣嗘槸杩欎釜妗嗘槸windows鑷甫鐨刟lert妗嗘垨鑰卌onfime妗嗙瓑锛屼綘瑕侀偅绉嶅叧闂寜閽殑锛屾帹鑽恓queryui瀹炵幇銆俲query缁戝畾click浜嬩欢鎴戝拰浣犺缁嗚涓嬨傜涓锛$("#aaa").click(function(){}),绗簩锛$("#aaa").bind("click",function(){}),绗笁锛$("#aaa").live("click",...
绛旓細杩欎釜鏄jquery鐨勬彃浠讹紝浣犲緱鍘诲啀閭d釜JS锛宩query.easing銆傜劧鍚庤皟鐢╦q鐨刟nimate鏂规硶鍘绘墽琛屻俛nimate鍜宔asing鐨勭粍鍚堢敤娉曪紝浣犳悳鎼滃氨鑳芥壘鍒颁笉灏戙
绛旓細/*灞曞紑鍜屾敹璧风敤涓涓猟iv,涔熷彲浠ヨ瀹冩槸涓鎸夐挳,鍋囪瀹冪殑id=d1;鍋囪闇瑕佹樉绀哄拰闅愯棌鐨刣iv鍙玠2;涓嬮潰杩欐浠g爜鍙槸绮楃暐鐨勫疄鐜颁簡浣犵殑瑕佹眰,涓昏鏄粰浣犳彁渚涗釜鎬濊矾;*/$(function(){$('#d1').click(function(){//缁檇1缁戝畾涓涓偣鍑浜嬩欢; /*杩欎釜鍒ゆ柇鐨勬剰涔夋槸,濡傛灉d2鏄殣钘忕殑,閭d箞璁╁畠鏄剧ず鍑烘潵,骞跺皢...
绛旓細DOCTYPE html>jquery cookie 棰滆壊浜掓崲.div1{ width:100px; height:100px; background:#00F;}.div2{ width:100px; height:100px; background:#f00;}.div3{ width:100px; height:100px; background:#3F6;;}AAAAAABBBBBB
绛旓細function getValue(val){ alert(val); $('#input1').css('background','red');//Jquery瀹炵幇 document.getElementById('input1').style.background= 'red';//绾疛avaScript瀹炵幇 }绗簩绉嶆槸缁橠OM鍏冪礌娣诲姞鐐瑰嚮浜嬩欢锛岄氳繃鑾峰彇DOM鍏冪礌鐨勫睘鎬у艰揪鍒扮涓绉嶄紶鍙傛晥鏋滐紝Jquery涓鑸兘鏄娇鐢ㄨ繖绉...