top | 易学教程

JS 使用window.parent、window.top、window.self 判断iframe 嵌套

阅读更多关于 JS 使用window.parent、window.top、window.self 判断iframe 嵌套

首先介绍 window.self,window.top,window.parent,window.opener 四个的作用区别； window.self,window.top 是打开模式，而 windo.parent，window.opener 是父页面的打开模式。如果页面中有iframe或者framese时，parent是父窗口，top是最顶级父窗口（如果窗口中存在多层嵌套），self是当前窗口，opener是用open方法打开当前的窗口。 window.self 功能：是对当前窗口自身的引用。它和window属性是等价的。语法：window.self 注：window、self、window.self是等价的。 window.parent 功能：返回父窗口。语法：window.parent 注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。 window.top 功能：返回顶层窗口，即浏览器窗口。语法：window.top 注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用；如果窗口仅在一层iframe中，top属性与parent属性等价。通过window.parent ,window.top,window.self可以分别获取当前窗口、父窗口、顶层窗口的对象引用

定位

阅读更多关于定位

定位将指定元素摆放到页面的任意位置，通过定位可以任意的摆放元素。通过position属性来设置定位。值描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 生成相对定位的元素，相对于其正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 inherit 规定应该从父元素继承 position 属性的值。当开启了元素的定位，可以通过left 、right、top、boottom四个属性来设置元素的偏移量 left:元素相对于其定位位置的左侧偏移量 right：元素相对于其定位位置的右侧偏移量 top：元素相对于其定位位置的上边偏移量 boottom：元素相对于其定位位置下边的偏移量相对定位（postion:relative）特点：当开启了元素的相对定位以后，而不设偏移量时

(前端)html与css css 19、tab栏

阅读更多关于 (前端)html与css css 19、tab栏

做一个这个效果↓ 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 500px; height: 100px; border-top: 10px solid blue; border-left: 5px solid #999; border-right: 5px solid #999; margin: 100px auto; } </style> </head> <body> <div> </div> </body> </html> View Code 效果图↓ 可以看到这是一个梯形的效果。修改后代码↓ <!DOCTYPE html PUBLIC "

JavaScript基础

阅读更多关于 JavaScript基础

JavaScript 的内置对象：数组（ array ） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>隔行换色表格</title> <script type="text/javascript"> // 通过原生的JavaScript改变标签的样式 function onlode(){ // 1.获得元素标签 var tr=document.getElementsByTagName("tr")//获取tr标签数组，以零开始。 // document.getElementsByName("checkOne")//通过name属性获得标签 // document.getElementsById("checkOne")//通过id属性获得标签 for( var i=2;i<tr.length;i+=2) { tr[i].style.background="#eee" // tr[i].background="#eee" } } </script> </head> <body onload="onlode()">  <table width="500" align="center" cellpadding="10px" border="1px" cellspacing=

贪吃蛇小游戏（源码加注释），看完你还想玩吗

阅读更多关于贪吃蛇小游戏（源码加注释），看完你还想玩吗

简单的贪吃蛇小游戏，看完代码保证你对这个游戏没有兴趣哈哈 // 贪吃蛇： // 键盘的方向键，控制蛇的方向，碰撞食物，实现增加长度的效果，撞到墙壁或自身，游戏结束 // 分析： // 地图：提供边界 // 食物：随机出现，可以被碰撞（坐标重复） // 蛇：初始的固定长度，移动，改变方向，碰撞食物，碰撞墙，碰撞自己（坐标重复） class Map { constructor ( ) { // 提前设定将来的地图的样式数据 this . w = 800 ; this . h = 400 ; this . c = "#ccc" ; // 执行创建地图方法 this . createEle ( ) ; } createEle ( ) { this . mapEle = document . createElement ( "div" ) ; this . mapEle . style . cssText = `width: ${ this . w } px;height: ${ this . h } px;background: ${ this . c } ;margin:0 auto;position:relative;border:solid 10px black;` ; document . body . appendChild ( this . mapEle ) ; } }

jQuery固定浮动侧边栏(jQuery fixed Sidebar)

阅读更多关于 jQuery固定浮动侧边栏(jQuery fixed Sidebar)

需要在页面引用jQuery库. 可以在这里看demo . HTML代码： <div id="header">header</div> <div id="sidebarWrap"> <div id="sidebar">Sidebar</div> </div> <div id="main">Main</div> <div id="footer">footer</div> CSS代码： body { margin: 10px auto; font-family: sans-serif; width: 500px; } div { border-radius: 5px; box-shadow: 1px 2px 5px rgba(0,0,0,0.3); border: 1px solid #ccc; padding: 5px; } #sidebarWrap { height: 400px; width: 210px; float: right; position: relative; box-shadow: none; border: none; margin: 0; padding: 0; } #main { width: 270px; height: 4000px; } #footer { clear: both; margin: 10px 0; } #sidebar { width:

分页查询

阅读更多关于分页查询

在这里主要讲解一下MySQL、SQLServer2000(及SQLServer2005)和ORCALE三种数据库实现分页查询的方法。可能会有人说这些网上都有，但我的主要目的是把这些知识通过我实际的应用总结归纳一下，以方便大家查询使用。下面就分别给大家介绍、讲解一下三种数据库实现分页查询的方法。一、 MySQL 数据库分页查询 MySQL数据库实现分页比较简单，提供了LIMIT函数。一般只需要直接写到sql语句后面就行了。 LIMIT子句可以用来限制由SELECT语句返回过来的数据数量，它有一个或两个参数，如果给出两个参数，第一个参数指定返回的第一行在所有数据中的位置，从0开始（注意不是1），第二个参数指定最多返回行数。例如： select * from table WHERE … LIMIT 10; #返回前10行 select * from table WHERE … LIMIT 0,10; #返回前10行 select * from table WHERE … LIMIT 10,20; #返回第10-20行数据二、 SQLServer数据库分页查询 SQLServer数据库又分为SQLServer2000和SQLServer2005。一般比较简单的方法是通过TOP函数来实现。如下： SELECT TOP 10 * FROM sql WHERE ( code NOT IN

网页播放器开发系列笔记(二)

阅读更多关于网页播放器开发系列笔记(二)

（二）页面展示各位朋友大家好，我们接着上文继续开发，这一节我们主要是把上一节最后的图片素材从新组合，用 web形式展现，我们用到的主要工具是：HBuilderX，这个工具我就不介绍了，上手很容易，很好用的，具体情况大家可以百度研究一下。 1.新建项目首先启动 HBuilderX开发工具，新建一个项目，具体操作“文件”→“新建”→“项目”如图2-1所示。图 2-1 新建项目在弹出的对话框中选择普通项目，项目名称填入 “网页播放器”，选择存储路径，选择空项目，单击创建即可，如图2-2所示。图 2-2 设置新项目 2.新建目录在左侧的项目管理窗口，项目上单击右键选择 “新建”→“目录”，CSS文件夹，用于存放样式文件，如图2-3所示新建目录。新建images目录，存放我们上节剪切的图片素材，记得把所有需要的图片素材全部拷贝到该目录下，拷贝十分简单，在文件中复制图片，在项目管理images目录点击右键，选择粘贴，这样所复制的图片就全部拷贝到该目录下了；新建JS目录，用于存放Javascript文件。图 2-3 新建目录 3.新建文件新建文件与新建目录大同小异，在项目上点击右键依次选择 “新建”→“html文件”，命名为“index.html”,用于编写HTML代码;在CSS目录上点击右键依次选择“新建”→“css文件”，命名为“playMusic.css”

查看Linux进程状态

阅读更多关于查看Linux进程状态

一、使用top命令可提供实时的系统处理器的状态监视，它是一个动态的显示过程： 1、第一行的显示的内容是系统的运行状态，同uptime命令 top 22:22:44 当前时间 up 2:45 系统运行时间，格式为时:分 1 user 当前登录用户数 load average: 0.00, 0.00, 0.00 系统负载，即任务队列的平均长度。三个数值分别为 1分钟、5分钟、15分钟前到现在的平均值。 2、第二、三行为进程和CPU信息 Tasks: 83 total 进程总数 1 running 正在运行的进程数 82 sleeping 睡眠的进程数 0 stopped 停止的进程数 0 zombie 僵尸进程数 Cpu(s): 0.0% us 用户空间占用CPU百分比 0.7% sy 内核空间占用CPU百分比 0.0% ni 用户进程空间内改变过优先级的进程占用CPU百分比 98.7% id 空闲CPU百分比 0.0% wa 等待输入输出的CPU时间百分比 0.0% hi 0.0% si 0.0% st 3、第四、五行为内存信息 Mem: 1020540k total 物理内存总量 180324k used 使用的物理内存总量 840216k free 空闲内存总量 13256k buffers 用作内核缓存的内存量 Swap: 2064376k total 交换区总量 0k

[搜片神器]服务器SQL2005查询分页语句你理解了么

阅读更多关于 [搜片神器]服务器SQL2005查询分页语句你理解了么

在 sosobt.com 网站准备采用Lucence.net来进行索引处理搜索慢问题的时候，突然发现常用的分页获取数据的row_number也支持不住了，后期查到200多万的时候非常慢(总数据有500万)，经过网上查询分析一些资料后，基本上搞明白是什么原因导致的，顺便纪录一下解决方案。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－网上找的几种sqlserver2005高效分页sql查询语句 top方案： sql codeselect top 10 * from table1 where id not in(select top 开始的位置 id from table1) max: sql codeselect top 10 * from table1 where id>(select max(id) from (select top 开始位置 id from table1order by id)tt) row: sql codeselect * from ( select row_number()over(order by tempcolumn)temprownumber,* from (select top 开始位置+10 tempcolumn=0,* from table1)t )tt where temprownumber>开始位置 3种分页方式

订阅 top