js如何在当前页面打开子页面,不是打开新窗口 js怎么控制某个跳转的页面在其特定子窗口打开

\u5982\u4f55\u7528js\u5b9e\u73b0 \u5728\u5f53\u524d\u9875\u9762\u6253\u5f00\u65b0\u9875\u9762 \u800c\u4e0d\u662f\u5728\u65b0\u7a97\u53e3\u6253\u5f00

\u5176\u5b9e\u697c\u4e0a\u8bf4\u7684\u5c31\u662fjavascript\u4ee3\u7801\uff0c\u53ea\u662f\u6709\u70b9\u5199\u9519\u4e86\uff0c


function open(html){

window.open(html,'_self')
}




\u4f60\u7684\u6309\u94ae\u8fd9\u6837\u5199





\u8865\u5145\u56de\u7b54\uff1a

\u9996\u5148\u7ed9\u4f60\u8bf4\u7684\u4ee3\u7801\u7edd\u5bf9\u6ca1\u9519\uff0c\u4f60\u53ef\u4ee5\u81ea\u5df1\u8bd5\u8bd5\u5440








function on(html){

window.open(html,'_self')
}











\u770b\u51fa\u6765\u4e86\uff0c\u8868\u5355\u7684\u95ee\u9898\uff0c\u5170\u5dde\u53ef\u4ee5\u628aform\u8868\u5355\u53bb\u6389\u5c31\u53ef\u4ee5\u4e86\u3002

window.open( url,target,init)
\u4f8b\u5982window.open("newpage.htm","head","");\u5c31\u662f\u5c06newpage.html\u6253\u5f00\u5230head\u5b50\u7a97\u53bb\u4e86

\u53ef\u4ee5\u7528\u7684 \u6bd4\u5982\u6846\u67b6\u9875\u9762



\u65e0\u6807\u9898\u9875









\u5982\u679c\u5728left\u7684\u9875\u9762\u4e2d\u6267\u884c
window.parent.frames[1].location.href="newpage.html"
\u8fd9\u5c31\u662f\u5728right\u6846\u67b6\u4e2d\u6253\u5f00newpage.html\u4e86

如果你这个子页面是属于另一个页面(与当前页面不是同一个文件),可以用iframe标签来打开。

如果是属以同一个页面的内容,那么可以在那个位置先放一个空白的div,通过css预先设定好width、height以及是否需要滚动条等等,并设定id(比如abc),然后在必要的时候(比如点击某个链接)用js给这个div添加内容:

var div=document.getElementById("abc");
div.innerHTML+="<p>要添加的内容1</p>";
div.innerHTML+="<p>要添加的内容2</p>";
div.innerHTML+="<p>要添加的内容3</p>";
div.innerHTML+="<p>要添加的内容4</p>";

或者也可以预先给这个div填充内容,并在css中把它的display属性设为none(即隐藏),然后在必要的时候把它显示出来即可:

var div=document.getElementById("abc");
div.style.display="block";


  • js濡備綍鍦ㄥ綋鍓嶉〉闈㈡墦寮瀛愰〉闈,涓嶆槸鎵撳紑鏂扮獥鍙
    绛旓細濡傛灉浣犺繖涓瓙椤甸潰鏄睘浜庡彟涓涓〉闈紙涓庡綋鍓嶉〉闈笉鏄悓涓涓枃浠讹級锛屽彲浠ョ敤iframe鏍囩鏉ユ墦寮銆傚鏋滄槸灞炰互鍚屼竴涓〉闈㈢殑鍐呭锛岄偅涔堝彲浠ュ湪閭d釜浣嶇疆鍏堟斁涓涓┖鐧界殑div锛岄氳繃css棰勫厛璁惧畾濂絯idth銆乭eight浠ュ強鏄惁闇瑕佹粴鍔ㄦ潯绛夌瓑锛屽苟璁惧畾id锛堟瘮濡俛bc锛夛紝鐒跺悗鍦ㄥ繀瑕佺殑鏃跺欙紙姣斿鐐瑰嚮鏌愪釜閾炬帴锛夌敤js缁欒繖涓猟iv娣诲姞鍐呭...
  • 鍏充簬js鐨勯棶棰,鐖椤甸潰鎵撳紑瀛愰〉闈,瀛愰〉闈㈡坊鍔犺皟鐢ㄧ埗椤甸潰鐨刦unction鏂规硶...
    绛旓細濡傛灉鍦↖E銆涓湁闂锛屻鍙兘鏄洜涓篴rray鍏冪礌鎵鎸囧悜鐨勫璞¢殢鐫瀛愰〉闈㈠叧闂紝涔熷凡缁忎笉瀛樺湪锛屾墍浠ヤ骇鐢熼敊璇鍙互鍦ㄧ埗椤甸潰涓鍒朵竴涓嬭add鐨刼bj锛屻杩欓噷鐢ㄤ簡JSON鏉ュ鍒秓bj:var array = [];function addLine(obj){ array.push(JSON.parse(JSON.stringify(obj))); //array.push(obj);} ...
  • JS寮瑰嚭绐楀彛,浣嗕笉鏄鎵撳紑涓涓柊鐨椤甸潰銆
    绛旓細濡傛灉瑕 鍦ㄥ綋鍓嶉〉闈娴忚瀛愰〉闈紝寤鸿鐢 open window.open(URL,name,features,replace)涓涓彲閫夌殑瀛楃涓诧紝璇ュ瓧绗︿覆鏄竴涓敱閫楀彿鍒嗛殧鐨勭壒寰佸垪琛紝鍏朵腑鍖呮嫭鏁板瓧銆佸瓧姣嶅拰涓嬪垝绾匡紝璇ュ瓧绗﹀0鏄庝簡鏂扮獥鍙g殑鍚嶇О銆傝繖涓悕绉板彲浠ョ敤浣滄爣璁 鍜 鐨勫睘鎬 target 鐨勫笺傚鏋滆鍙傛暟鎸囧畾浜嗕竴涓凡缁忓瓨鍦ㄧ殑绐楀彛锛岄偅涔 open()...
  • 鎬庝箞瀹炵幇鐖剁獥鍙鎵撳紑瀛绐楀彛,瀛愮獥鍙e叧闂悗鑷姩鍒锋柊鐖剁獥鍙?
    绛旓細鍙互鍦ㄤ换浣曞湴鏂规彃鍏ヤ唬鐮 window.onunload = function(){ window.opener.location.reload();} 瀛愮獥鍙e鐞嗗畬鍚庡彲浠ヨ皟鐢╟lose();鍏抽棴绐楀彛銆
  • js window.opener 瀛愰〉闈 鐖堕〉闈 浼ŀ
    绛旓細1銆佹柊寤轰竴涓瀛愰〉闈紝椤甸潰婕旂ず浠g爜濡傚浘鎵绀猴紝瀹氫箟浜嗕竴涓猼estChild鏂规硶锛屾斁缃竴涓寜閽紝鐢ㄦ潵瑙﹀彂璋冪敤鐖堕〉闈㈠畾涔夌殑js鏂规硶銆2銆佸啀寤轰竴涓埗椤甸潰锛岄〉闈㈡紨绀轰唬鐮佸鍥炬墍绀猴紝瀹氫箟浜嗕竴涓猼estParent鏂规硶锛屼篃鏀剧疆涓涓寜閽紝鐢ㄦ潵瑙﹀彂璋冪敤瀛愰〉闈㈠畾涔夌殑js鏂规硶锛岀埗椤甸潰杩橀渶瑕佷娇鐢ㄥ紩鍏ュ瓙椤甸潰銆3銆佹墦寮娴忚鍣ㄨ闂埗椤甸潰锛椤甸潰...
  • 濡備綍鍦鐖堕〉闈笂璋冪敤iframe瀛愰〉闈鐨js鏂规硶
    绛旓細window.frames[i].fn()//fn涓篺rame涓畾涔夌殑鏂规硶锛宨琛ㄦ槑椤甸潰涓i+1涓猣rame涔熷彲浠ョ敤window.framename.fn()//涓嶅悓鐨勬槸framename鏄痜rame鐨刵ame 灞炴х殑鍊煎锛 window.fun.fn();
  • 鎬庝箞鍦鐖堕〉闈腑璋冪敤瀛愰〉闈鐨勫嚱鏁???
    绛旓細鍦ㄧ埗绾ч〉闈㈣皟鐢ㄥ瓙绾ч〉闈㈢殑鍑芥暟 褰撳墠椤甸潰(default.aspx)閫氳繃iframe宓屽index.aspx椤甸潰,鍦ㄥ綋鍓嶉〉闈璋冪敤index.aspx閲岄潰鐨js鍑芥暟,濡備笅:myFrame.window.functionName();鍦ㄥ瓙绾ч〉闈㈣皟鐢ㄧ埗绾ч〉闈㈢殑鍑芥暟 灏辨槸濡備笂,鍦╥ndex.aspx涓皟鐢╠efault.aspx椤甸潰鐨勫嚱鏁 parent.window.functionname();...
  • js濡備綍寮瑰嚭椤甸潰js濡備綍寮瑰嚭椤甸潰绐楀彛
    绛旓細js鍒锋柊鐖堕〉闈? 鐢╥frame銆佸脊鍑瀛愰〉闈鍒锋柊鐖堕〉闈frame scriptlanguage=JavaScript> parent.location.reload(); /script> 寮瑰嚭瀛愰〉闈 scriptlanguage=JavaScript> window.opener.location.reload(); /script> 瀛愮獥鍙e埛鏂扮埗绐楀彛 scriptlanguage=JavaScript> self.opener.location.reload(); /script> 鍒锋柊浠pen()鏂规硶鎵撳紑鐨...
  • 鐖堕〉闈笂鐨js濡備綍璋冪敤瀛愰〉闈涓婄殑纭畾鎸夐挳鐨刢lass,鎮祻100銆
    绛旓細浣犺鐨瀛愰〉闈鏄寚iframe涓殑椤甸潰鍚楋紵濡傛灉鏄湪鍚屽煙鐨勬儏鍐典笅鍦ㄧ埗椤甸潰浣犲彲浠ヨ繖鏍凤紝浣跨敤jQuery (window.frames['鐖堕〉闈笂iframe鐨刵ame'].document).find("瀛愰〉闈笂鎸夐挳鐨刢lass") 杩欐牱浣犲氨寰楀埌瀛愰〉闈笂鐨勬寜閽簡锛屼綘鎯虫庝箞鍋氬氨瀹屽叏鐢变綘鍐冲畾浜嗭紝鎯冲共鍟ラ兘琛 ...
  • 閫氳繃js璋冪敤鍙﹀涓涓椤甸潰,浣嗘槸涓嶈烦杞埌閭d釜椤甸潰,鎴戝氨鏄兂璋冪敤鍙﹀涓涓...
    绛旓細濡傛灉鏄墦瀛愮獥鍙g殑璇濓紝鍙兘鐢ㄥ洖璋冿紝璋冪敤鐖剁骇鎴栬呭瓙绾х殑鍑芥暟鏄彲浠ョ殑锛屽鏋滄槸骞崇骇灏眔ver浜嗭紝涔熸病鏈夊姙娉曡В鍐筹紝浣犻渶瑕佹妸鎵鏈夌殑鍑芥暟鍐欏湪涓涓js涓紝鍙load杩欎釜js鏂囦欢灏卞彲浠ヤ簡
  • 扩展阅读:javascript在线 ... js打开新的页面 ... js跳转打开新窗口 ... jsp自动跳转另一个页面 ... javascript打开网页 ... js弹出页面窗口 ... js点击链接跳转新页面 ... js浏览器打开新窗口 ... js 跳转 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网