参考链接:
http://www.w3school.com.cn/jsref/met_win_open.asp
http://www.w3school.com.cn/tags/att_form_target.asp
window.open(URL,name,features,replace)
URL 指定打开窗口显示的内容, 如果是空字符串是则打开空白窗口
name 窗口的名字,给a form 的target属性提供标记,
form target=framename 指定 a form 在哪个窗口打开
需求:
后台富文本框添加带样式的协议,前台页面展示效果.。 需要在后台未保存的时候预览效果。
因为
1.前后台使用的样式是不同的
2. 如果做到后台的话 前台样式变动的话,需要更新后台的样式,保持一致,这样太被动
3. 需要传输的文本是太大了,get请求有可能被截断 所以必须发送post请求
所以新开窗口发送post请求:
解决:
a. 新开一个窗口, 然后追加到新的窗口一个form (action=post)请求
b. 新开窗口, 在新窗口发送post请求(form 表单)
下面代码选择b(使用form 表单的target 参数)
代码:
<div style="display: none" id="preview"></div>
// protocol preview function preview(that) { var protocol = $('#protocol_content').val(); var preview_url = $(that).attr('preview_url'); $('#preview').html('<form id="preview_form" target="NewWindow" action="' + preview_url +'" method="POST"><textarea name="protocol_content">'+ protocol +'</textarea></form>'); window.open("", 'NewWindow'); $('#preview_form').submit(); }