云服务器

商务合作:179001057@qq.com

我来做百科(第二十一天)

xiaoxiao2021-11-25  12


某平台价值19860元的编程课程资料免费领取【点我领取】


今天就做“词条预览”吧。这个我参考了百度百科的“词条预览”功能,大概原理是通过提交一个 target属性是"_blank"的form,这样会在新窗口中打开目标页,并把数据提交过去。根据这个原理写了如下js代码: // Preview var  oPreview, oLemma, oDetail, oTag, oRefer; function  ShowPreview() {    if(!Check(false)) return false;        if(!oPreview){        oPreview = document.createElement("form");        oPreview.action = "../index/Preview.aspx";        oPreview.method = "post";        oPreview.target = "_blank";        document.body.appendChild(oPreview);    }        oLemma = SetInput(oLemma, "lemma", document.getElementById('<%= hfLemma.ClientID %>').value)    oDetail = SetInput(oDetail, "detail", document.getElementById('<%= tbDetail.ClientID %>').value)    oTag = SetInput(oTag, "tag", document.getElementById('<%= tbTag.ClientID %>').value)    oRefer = SetInput(oRefer, "refer", document.getElementById('<%= tbRefer.ClientID %>').value)        oPreview.submit();} function  SetInput(oInput, sName, sValue) {    if(!oInput){        oInput = document.createElement("input");        oInput.name = sName;        oInput.type = "hidden";        oPreview.appendChild(oInput);    }    oInput.value = sValue;    return oInput;} 这样就可以在预览页中获取数据,并处理后显示。最后把这个功能放在添加和编辑页就行了。这样预览功能就做好了。