js如何在本页面div中输出内容而不跳转?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何在本页面div中输出内容而不跳转?相关的知识,希望对你有一定的参考价值。

在一个html中,通过下拉框的改变而触发某div里面内容的改变,但还在本页,不让它跳转到其它页面.并且下拉框保持有用.用JS如何做到?
回答ivws: 我之前的思想和你一样.我这样写了一个页面.
<select name="serverName" onchange="getServer(this)">
<option>请选择 </option>

<option value="01.swf">1 </option>
<option value="02.swf">2 </option>

</select>

function getServer(obj)
var index = obj.selectedIndex;
var v = obj.options[index].value;

document.write('<div style="color:333;height:415px;overflow: hidden">');
document.write('<object width="100%" height="455">');
document.write('<param name="movie" value="'+v+'">');
document.write('<param name="wmode" value="transparent"> ');
document.write('<embed src="'+v+'" name="obj1" width="468" height="455" quality="High" wmode="transparent">');
document.write('</embed>');
document.write('</object>');

document.write('</div>');



但是,点完一次后,下拉框就不见了. 只有输出.

补充: ivws已提示,innerHTML测试成功.谢谢lddzmy

参考技术A 你查查document.write是什么意思,如果使用不合理它会把当前页面清空然后再输出,所以才会出现select标签不见了。
一般的话,只有在页面加载的时候才会使用document.write这个函数,如果你在方法中调用这个方法,由于此时的document已经加载而且分析完了,那么document.write()将会重新加载document,而且在加载之前它会把以前加载的东西清除掉。这就是问什么你的select标签不见得原因。
对于你的程序你可以把要加载的东西用innerHTML输出到一个div中,这样的话就没有问题了,而且也比较的规范。
参考技术B function changediv(value)
//做你要做的,value是select选中的value


<select onchange="changediv(this.value)">本回答被提问者采纳

php form表单怎么把数据提交到本页而不跳转?

我的ceshi.php包含几个页面。其中datapage.php初始的时候分页显示数据库所有的数据。里面有个form表单,怎么才能实现点击查询按钮,表格的数据变为查询的数据?局部刷新不跳转页面。这是我写的datapage页面代码,大家帮我看下哪里错了

PHP把表单提交到本页,这个的话,我们是通过<form action="提交的文件名">来实现的,还有一个传值的方式,post或者是get可以通过METHOD来实现的,这里我写一段代码:
<html>
<head></head>

<body>
<form action=\'文件名\' method="post">
姓名<input type=\'text\' value="">

密码<input type=\'text\' value="">
email<input type=\'text\' value="">
</form>

</body>

</html>
参考技术A 提交的目标文件是本页面就行了。 参考技术B 页面无刷新。可以通过ajax请求的 参考技术C 通过ajax技术就可以!
你可以简单的学习一下jquery的ajax,这个比js的简单的多了!
你可以到这个网站去学习。
http://www.w3school.com.cn/jquery/jquery_ajax_intro.asp本回答被提问者采纳
参考技术D 用ajax啊, 不刷新的问题都可以用ajax

以上是关于js如何在本页面div中输出内容而不跳转?的主要内容,如果未能解决你的问题,请参考以下文章

如何将 Brightcove 播放器保留在应用程序中而不跳转到 safari

如何在JS里面发个请求到另外一个页面但是却不跳转它

js中在多级页面中如何做到只刷新当前页面,而不跳到首页去

php中如何点击完按钮后在本页面实现跳转

怎么在点击a链接时,只是执行javascript,而不跳转页面

如何获取jsp输出内容用HttpServletResponseWrapper