弹窗的UI怎么调用？

一、弹窗的UI怎么调用？

window.open('page.html','newwindow','height=500,width=400,top=100,left=100,toolbar=no,menubar=no,scrollbars=no')page.html 弹出新窗口的文件名；newwindow 弹出窗口的名字（不是文件名），可用空 ″代替；height=100 窗口高度；top=0 窗口距离屏幕上方的像素值；left=0 窗口距离屏幕左侧的像素值；toolbar=no 是否显示工具栏，yes为显示；menubar,scrollbars 表示菜单栏和滚动栏；resizable=no 是否允许改变窗口大小，yes为允许；location=no 是否显示地址栏，yes为允许；status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

二、怎样用js模拟键盘事件

主动触发事件是一个经常会用到的技巧，它很重要。它和事件绑定一样存在着浏览器兼容性问题。传统浏览器（IE8-）使用createEventObject来创建事件对象，用fireEvent这个方法来触发事件；现代浏览器用createEvent来创建对象，用dspatchEvent来触发事件。

//获取浏览器版本

var isIE=navigator.userAgent.match(/MSIE (;d)/i);

isIE=isIE?isIE[1]:undefined;

//事件函数

function onclick(e){

e=eevent;

alert(e.msg表酱紫啦，人家羞涩啦～);

};

//给document绑定一个点击事件

isIElt;9

//传统浏览器使用attachEvent

?document.attachEvent(onclick,onclick)

//现代浏览器使用addEventListner

:document.addEventListener(click,onclick,false);

//触发自定义事件

if(isIElt;9){

//传统浏览器

//创建对象

var event=document.createEventObject();

//给事件对象添加属性

event.msg=我是fireEvent触发的;

//触发事件

document.fireEvent(onclick,event);

}else{

//现代浏览器

//创建事件对象

var e=document.createEvent(MouseEvents);

//初始化事件对象

e.initMouseEvent(click),

//给事件对象添加属性

e.msg=我是despatchEvent触发的;

//触发事件

document.dispatchEvent(e);

};

三、关于jquery关闭当前标签页，chrome浏览器下不支持怎么办？求高手指点，很急在线等！！！！！！！！！！

谷歌浏览器有标签保护的

用户直接打开的页面是没有办法关闭的

除非用js打开的页面，才可以这样关闭

四、怎样在浏览器上调试touch事件

为大家介绍chrome浏览器中常用的调试功能，对于其他的浏览器，大家同样可以触类旁通。接下来->打开chrome->按F12。开始chorome调试之旅吧！

一、JS调试

选中Script标签之后，我们来到了JS调试界面。

为大家讲解一下各个区域的作用。

左上角有一个下拉框，用于选择JS文件，还有后退以及前进按钮，可以快速地返回之前调试的JS文件。

左侧的代码窗口，用处自然不必多说。在行数的地方点击鼠标可以设置断点。程序运行到断点处时，可以鼠标在代码上悬停，以查看变量、表达式的值。

右上角的几个小按钮，用于控制程序的执行（当然，要设置断点以后才有用。）功能分别为执行至下一个断点（F8）、执行至下一个函数调用结束(F10)、执行至下一个函数内部(F11)、跳出当前函数(Shift+F11)、禁用所有断点。

右侧的第一个区域，用于观察变量。点击‘+’添加你要观察的变量或者表达式，这样的话，无论程序运行到哪里，你都能够监视一些重要的值。

右侧的第二个区域是函数的调用堆栈。在这里，我们可以看到函数的嵌套调用结构，点击可以快速转到函数的所在位置。

右侧第三个区域，同样是用于观察变量的。这里分为Local和Global两个。Local里，可以看到所有的当前作用域内的变量。而Global基本可以看到所有全局变量。

右侧第四个区域，断点管理。

按Esc键快速调出下面的的控制台，在这里可以看到程序的各种输出，。包括log、警告、异常。如果我们在代码里面写了

console.log(o);语句，则o会在这里作为对象被输出，这是调试过程中比较常用的功能。该值得一提的是，在这里，我们可以直接输入代码，立即

执行。

其他区，大家自行探究吧，说了这么多，剩下的也就是孰能生巧啦。

二、CSS样式调试

好吧，这回，我们不用F12。换个cool的方法。在页面上你想调试的元素上点击右键->审查元素(N)。然后，你就快速地来到CSS调试界面，并且已经帮你定位好元素。

左侧是实时html结构。

右侧第一个区域是所有对当前元素起作用的CSS属性。

右侧第二个区可以看到文件里相应的CSS原文。

在这里，你可以直接对实时html结构进行编辑、可以对css进行编辑。重点是，你可以马上看到修改的效果，再也不用一遍又一遍地刷新页面了！

顶一下

(0)

0%

踩一下

(0)

0%