js 报错 :object is not a function

2019-12-27 23:17 来源:未知

object is not a function

效果如下:

我遇到的具体问题是:js命名方法重复了,找到了别的地方,改个方法名就可以了

css文件delcss.css

var h2_price = document.getElementById("h2_price");
var h2_tickets = document.getElementById("h2_tickets");
var h2_accomd = document.getElementById("h2_accomd");

代码如下:复制代码 代码如下:*{ margin:0; padding:0;}#div1{ width:300px; height:100px; border-radius:10px; background:#f60; box-shadow:5px 5px 10px #ccc; position:absolute; left:50%; margin-left:-150px; z-index:2; opacity:0; filter:alpha; display:none;}#div1 h3{ height:20px; background:#60f;}#overlay{ width:100%; height:100%; background:#ccc; position:absolute; left:0; top:0; opacity:0; z-index:1; display:none;}#closeConfirm{ width:80px; height:20px; line-height:20px; background:#ccc; border-radius:5px; display:block; text-decoration:none; color:#000; text-align:center; position:absolute; bottom:10px; right:10px;}#trueConfirm{width:80px; height:20px; line-height:20px; background:#ccc; border-radius:5px; display:block; text-decoration:none; color:#000; text-align:center; position:absolute; bottom:10px; right:100px;}#confirmCon{ text-align:center; color:#ccc; height:40px; line-height:40px;}js文件confirmPop.js

function h2_price(){

代码如下:复制代码 代码如下:function ConfirmPop(delObj,confirmMain,overlay,binkTitle,closeConfirm,trueConfirm){ this.oDelObj=document.getElementById; this.oDiv=document.getElementById; this.oOverlay=document.getElementById; this.oTitle=document.getElementById; this.oCloseConfirm=document.getElementById; this.oTrueConfirm=document.getElementById; this.oConStart=0; this.oConItarget=0; this.init();}ConfirmPop.prototype={ init:function(){ this.oConStart=parseInt((document.documentElement.clientHeight-this.oDiv.offsetHeight)/2-100); this.oConItarget=parseInt((document.documentElement.clientHeight-this.oDiv.offsetHeight)/2-70); this.oDiv.style.top=this.oConStart+'px'; document.title=this.oConStart+', '+this.oConItarget; var _this=this; this.oDelObj.onclick=function(){ _this.confirmShow(); } this.oOverlay.onclick=function; } this.oCloseConfirm.onclick=this.oTrueConfirm.onclick=function(){ _this.confirmHide(); } }, confirmShow:function(){ this.oOverlay.style.display='block'; this.oDiv.style.display='block'; striveMove(this.oOverlay,{ opacity:30}); striveMove(this.oDiv,{top:this.oConItarget, opacity:100}) }, titleBink:function(){ var _this=this; var iLightTimer=null; var i=0; iLightTimer=setInterval{ _this.oTitle.style.background='#60f'; }else{ _this.oTitle.style.background='#ccc'; } i++; if{ clearInterval }, confirmHide:function(){ striveMove(this.oOverlay,{opacity:0}); this.oOverlay.style.display='none'; striveMove(this.oDiv,{top:this.oConStart, opacity:0}); }}function striveMove{clearInterval;obj.iTimer=setInterval{var bStop=true;for{var iCur=0;if{iCur=Math.round(parseFloat*100);}else{iCur=parseInt;}var iSpeed=/8;iSpeed=iSpeed>0?Math.ceil:Math.floor;if{obj.style.filter='alpha(opacity:'+';obj.style.opacity=/100;}else{obj.style[attr]=iCur+iSpeed+'px';}if{bStop=false;}}if{clearInterval{fn}function getStyle{return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle[attr];}使用方法

bd_price.style.display = "block";

1.引入文件复制代码 代码如下:

bd_tickets.style.display = "none";
//让军事列表隐藏
bd_accomd.style.display = "none";

2.调用方法复制代码 代码如下:

//让图片span去掉下边框线
h2_price.style.background = "blue";
//让新闻span加上下边框线
span_news.style.background= "#ccc";
//让军事span加上下边框线
span_js.style.background = "#ccc";
}

3.做好准备工作复制代码 代码如下:

 

您确定要进行删除操作么?

确定 取消

这段代码是提供空间的,自己写的div代码。其中确定框中的a标签中,可以把删除的地址填入其中。点击确定时,就跳转到删除的页面方法中了。

这段代码可以放入任何位置。不占空间。作者很犀利。

4.导火线,触发器复制代码 代码如下:图片 1将删除图标加上,这样就会触发删除效果了。

如果想修改样式,可以到css中进行修改,调整。

小结:这样的js删除就比浏览器自带的弹出框美观一些了。作者用短短3k的js就写出这种效果,真心厉害。

ps,我只是拿来的。

缺点,只能针对一个内容,进行删除。因为所有的都是针对id的,单一化了。

上例中的就是h2_price 变量名和函数名重复了,更换一下就可以解决

TAG标签:
版权声明:本文由澳门mgm官网发布于新闻,转载请注明出处:js 报错 :object is not a function