`
yangjie1981
  • 浏览: 19779 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript 对表格的操作和window.open居中

阅读更多
javascript对表格的操作:
function addTr()
{      
          var table = document.getElementById("apntable");
          var lastTr = table.firstChild.lastChild;
          if(lastTr.id == "lastLineStyleTr") {
          lastTr.parentNode.removeChild(lastTr);
          }
  var input1 = document.createElement("input");
  var row1 = table.insertRow(-1);
  var row1_cell1 = row1.insertCell(-1);
   
  row1_cell1.className = "tdlineleft";
   
  row1_cell1.innerHTML = "<input id='apnname' name='apnname' size='6'></input>";
  table.firstChild.appendChild(lastTr);//table有个隐藏的属性<tbody>所以要在table加入一行应该table.firstChild.appendChild(row)
                    i++;
}

window.open居中:

function changepassword(url,height,width)
{
       screenX = window.screen.width;
       screenY = window.screen.height;
       var x = (screenX-width)/2;
       var y = (screenY-height)/2;
       window.open(url,null,"menubar:no,status:no,height:"+height+",width:"+width+",top="+y+",left="+x);
}

对于页面登录界面居中:

function showPosition() {
var windowHeight = document.body.offsetHeight;
var windowWidth = document.body.offsetWidth;
var loginDialog = document.getElementById("loginDialog");
var login = document.getElementById("login");
var loginHeight = login.offsetHeight;
var loginWidth = login.offsetWidth;
loginDialog.style.paddingLeft = (windowWidth - loginWidth)/2;
loginDialog.style.paddingTop = (windowHeight - loginHeight) / 3;

    window.onresize = showPosition;
    }
分享到:
评论

相关推荐

    ShowModalDialog与window.open的区别

    JavaScript 提供了两种常用的方法来创建这类窗口:`ShowModalDialog` 和 `window.open`。这两种方法各有特点,在不同的场景下具有不同的适用性。 #### 二、ShowModalDialog详解 **1. 功能介绍** `ShowModalDialog...

    window.open()弹出居中的窗口

    ### window.open()弹出居中的窗口 在前端开发过程中,我们常常需要利用JavaScript来实现一些交互功能,其中弹窗操作是非常常见的一种需求。通过`window.open()`方法可以创建一个新的浏览器窗口,而要使得这个新窗口...

    window.open打开页面居中显示的示例代码

    在JavaScript编程中,`window.open()` 是一个非常实用的函数,用于在浏览器中打开新的窗口或者标签页。这个函数在Web开发中常用于创建新窗口、弹窗等场景,尤其在用户交互和导航中占据重要地位。在本例中,我们将...

    window.open()详解及浏览器兼容性问题示例探讨

    `window.open()`是JavaScript中的一个内置函数,用于在新的浏览器窗口、标签页或者替换当前窗口加载指定的URL。本文将详细解析`window.open()`的使用方法,并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `...

    layer.open的自适应及居中及子页面标题的修改方法

    总结来说,通过上述代码和方法,开发者可以有效地利用layer.open实现弹窗的自适应、居中以及子页面标题的修改。这些技巧在开发过程中能够提升用户体验,使得弹窗功能更加灵活和友好。在实际应用中,还可以根据具体...

    js的window.showModalDialog及window.open用法实例分析

    JavaScript中的`window.showModalDialog`和`window.open`都是用于打开新窗口的方法,但它们有着不同的特性和用途。 首先,`window.open`方法是JavaScript中最常见的打开新窗口的方式,它适用于所有的主流浏览器,如...

    window.showModalDialog(javascript)

    在其他浏览器中,如Firefox、Chrome和Safari,可能需要使用其他方法,如`window.open()`,配合CSS和JavaScript来实现类似的效果。 - 模态对话框可能会对用户体验造成影响,因为它会阻塞用户的交互,因此在现代Web...

    react-new-window:using使用`window.open`在React中弹出新窗口

    支持完整的window.open api 。 为React 16构建(使用ReactDOM.createPortal )。 阻止弹出窗口的处理程序(通过onBlock prop)。 根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 ...

    Javascript中封装window.open解决不兼容问题

    在JavaScript中,`window.open` 是一个非常常用的函数,它用于在新的浏览器窗口中打开一个指定的URL。然而,这个函数在不同的浏览器和安全环境中可能会出现兼容性问题,特别是当它在非用户交互的情况下(例如页面...

    javascript IE窗口居中

    包含了关于JavaScript核心和客户端JavaScript使用的详细教程,可能涵盖了变量、数据类型、控制结构、函数、DOM操作等基础内容,以及如何在实际项目中应用,比如实现窗口居中功能。PHPDIY可能是一个开源技术社区或...

    javascript经典特效---打开窗口居中.rar

    压缩包内的“打开窗口居中.htm”文件很可能包含了具体的HTML和JavaScript代码示例,用于实现这个特效。通常,HTML会有一个按钮或链接触发JavaScript函数,而JavaScript函数则执行上述的`window.open()`操作。 除了...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    总的来说,`window.showModalDialog()`和`window.showModelessDialog()`是JavaScript中较老的弹出对话框技术,它们提供了对对话框外观和行为的控制,但在现代Web开发中,由于浏览器兼容性和可访问性问题,已被其他...

    js打开新窗口,js打开居中窗口,js打开自定义窗口

    总结来说,JavaScript中的`window.open()`方法为我们提供了灵活的方式来创建和控制新窗口。通过指定URL、窗口名称和特性,我们可以实现新窗口的居中显示和自定义外观,但也要注意遵循最佳实践,尊重用户的浏览体验。

    js open() 与showModalDialog()方法使用介绍

    在前端开发过程中,JavaScript 的 window 对象提供了多种方法来打开新...对于老旧浏览器的兼容性需求,合理使用 window.open() 方法模拟对话框的特性,同时在新项目中采用更现代的技术和方法来保持应用的性能和安全性。

    【JavaScript源代码】javascript实现简单滚动窗口.docx

    - 利用CSS和JavaScript创建居中弹出层并使其跟随滚动条。 - 获取窗口的宽高、鼠标位置以及滚动条信息。 - 使用DIV模拟弹出窗口,并使其在页面滚动时保持可见。 总的来说,JavaScript的滚动窗口实现涉及了浏览器窗口...

    javascript弹出窗口命令总结

    本文将详细介绍 `window.open`, `window.alert`, `window.confirm`, `window.prompt`, `window.showModalDialog` 和 `window.showModelessDialog` 的使用方法及其参数配置。 #### 二、window.open `window.open` ...

Global site tag (gtag.js) - Google Analytics