JavaScript 模拟视窗

2024-11-09

JavaScript -获取屏窗与视窗、文档宽高

实例:1920*1080的电脑屏幕 1.获取窗口中的文档显示区域宽高 clientw = window.innerWidth; //1920(包含滚动条) clienth = window.innerHeight; //883(不含工具条) 2.获取窗口(包括滚动条与工具条)区域宽高 clientw = window.outerWidth; //1920(包含滚动条) clienth = window.outerHeight; //883(包含工具条) 1与2 的区别在于:是否包含工具条 win

Javascript模拟继承（赠送.net吐槽一段）

首先吐槽一句,今年的就业形势很不乐观啊,特别是搞.net的(相对java),特特别是还没出校门没有正式工作经验的,找个实习很难,前些天接了个面试电话,上来就质疑我“你一个在校大学生怎么可能做了那么多项目呢,你的简历是真实的吗?这些项目你做的是核心工作吗?”,语气中充满了质疑,我只能生硬的回答着“嗯啊”,这个时候去解释或许太苍白了,我深知年轻人很难受到别人信任.当然了冷静下来想想,现在这个社会留给年轻人的机会本来就不多,就算你在大学里学了不少东西,做了不少东西,相对于前辈来讲还是有大差距的,经历点

用原生javascript模拟经典FC游戏公路争霸

#用原生javascript模拟经典FC游戏公路争霸前几天看了园子里面的随笔 [原生javascript开发仿微信打飞机小游戏](http://www.cnblogs.com/Mr-Nobody/p/3537718.html)一时兴起,自己也搞了一个小游戏,练习一下自己的js,dom及游戏编程的思维其中还参考了 [另外一个汽车游戏](http://wd.jb51.net:81/200910/yuanma/car_game_js.rar) 在此说一下过程中一些细节吧 **油门**功能的实现是其

[原创]Javascript模拟“类”的综合实现方式以及部分细节【截至ES6】

[原创]Javascript模拟“类”的综合实现方式以及部分细节[截至ES6] 前言最近几个旧项目里使用的图片编辑插件出现Bug, 经Review 后确定需要在其内外均做些改动,但是头疼的发现部分页面里的JavaScript 代码被冗余了NN次.部分新同事堆叠了大量的过程式的脚本块(几乎没有利用面向对象封装的概念-虽然面向对象也按需择时),改起来挺累(而且几个项目里各自不同).本身插件问题已经解决,但是就代码这块儿,针对面向对象的抽离封装,反而想写些东西.虽然没有太多分享价值,自己也忘记不

项目总结15：JavaScript模拟表单提交(实现window.location.href-POST提交数据效果)

JavaScript模拟表单提交(实现window.location.href-POST提交数据效果) 前沿 1-在具体项目开发中,用window.location.href方法下载文件,因window.location.href默认GET方法,如果跟在URL后面的参数过长,则会请求失败: 2-而window.location.href并没有POST方法可用, 3-只能通过JavaScript模拟表单提交,从而实现window.location.href-POST提交数据下效果,以下提供两种方法

JavaScript 模拟键盘事件

JavaScript 模拟键盘事件和鼠标事件(比如模拟按下回车等) 2016年09月08日 15:23:25 神秘_博士阅读数:41158 标签: javascript鼠标键盘事件模拟更多个人分类: 其它原文链接:http://blog.csdn.net/lovelyelfpop/article/details/52471878 最近代码中有个功能需要用到手动触发键盘事件的功能.但键盘事件的fire在各浏览器下实现不一样,下面分别说明: 1. IE下没什么问题,创建事件对象.对对象的k

用Javascript模拟微信飞机大战游戏

最近微信的飞机大战非常流行,下载量非常高. 利用JS进行模拟制作了一个简单的飞机大战[此源码有很多地方可以进行重构和优化] [此游戏中没有使用HTML5 任何浏览器都可以运行]. 效果图: 原理:利用javascript setInterval函数不停的进行元素位置的切换和添加飞机子弹,在飞机和子弹的运动中进行位置检测,进行子弹和飞机的消失. 1.添加飞机 setInterval(function () { var flyDiv = $('<div class="flyDiv"

JavaScript模拟函数重载

JavaScript是没有函数重载的,但是我们可以通过其他方法来模拟函数重载,如下所示: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" > function add() { va

通过Javascript模拟登陆Windows认证的网站

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>模拟登陆</title> <script type="text/javascript"> var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject

使用javascript模拟常见数据结构（一）

数据结构和算法可算是每个程序员的必备技能,而随着前端工作的深入,对于数据结构的知识真的是越来越需要掌握了.好了,于是乎最近看了<javascript数据结构和算法>,算是对于后面的使用C语言来学习数据结构进行一下预热.恩,这本书的内容倒是也不多,其实就是使用javascript来模拟数据结构,比如使用数组模拟队列和栈,使用对象模拟SET等等,好了,下面上内容. 一.数组这个就不必多说了吧,各种编程语言里面都有的,其在内存里面连续的分布,导致其便于查询,但是不便于增删,比如你把arr是一个五项

JavaScript模拟Form提交

在一个系统跳转到另外一个系统中时,可以用WAS的全局安全性,也可以用共享session做单点登陆,这次接触到了js模拟form提交的方式. function loginOAForm(url) { var ifloginId = $('#ifloginId').val(); if (!ifloginId) { // 提示先登录本地 return; } else { 获取映射信息 $.ajax({ type: 'GET', url: 'url', success: function(data) {

【JavaScript】吃饱了撑的系列之JavaScript模拟多线程并发

前言最近,明学是一个火热的话题,而我,却也想当那么一回明学家,那就是,把JavaScript和多线程并发这两个八竿子打不找的东西,给硬凑了起来,还写了一个并发库concurrent-thread-js.尴尬的是,当我发现其中的不合理之处,即这个东东的应用场景究竟是什么时,我发现我已经把代码写完了. github地址 https://github.com/penghuwan/concurrent-thread.js 本文的目的事实上,这个库用处很小,但是在写的过程中,我对Promise,Asy

Javascript | 模拟mvc实现点餐程序

MVC模式是一个比较成熟的开发模式.M是指业务模型,V是指用户界面,C则是控制器,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式.其中,View的定义比较清晰,就是用户界面.今天就来模拟使用MVC模式开发一个点餐程序,当然,只是就此案例来说明MVC在前端的实现参考,并没有完整的实现.程序很简单,与传统的MVC三层架构不谋而合. 首先,先介绍一下场景:顾客进到餐馆,拿着菜单点餐,服务员记录并发到后端厨房,厨师接到订单,按照订单的菜品去制作,制作完毕通知服务员取餐,

javascript模拟继承

javascript作为前端开发的标配技能,如果不掌握好它的三大特点:1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢?如果标配的技能都没有撑握好,怎么可以任性的玩耍呢?怎么验证自己学好了以上三个基本点呢,我找到一段不错的代码,稍加改动,如果能够读懂它,那么你就可以任性了. function jClass(baseClass, prop) { // 只接受一个参数的情况 - jClass(prop) if (typeof(baseClass) === "object"

JavaScript模拟鼠标右键菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>右键菜单</title> <style type="text/css"> *{ margin: 0; padding: 0; } #menu{ width: 254px; /*background-color: #ccc;*/

js javascript 模拟点击超级链接点击转

转自:http://mo2g.com/view/42/ 我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久.前段时间的一次发呆,冒出了新的想法,于是就动手进行了测试. 先看下边的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <meta charset="UTF-8"> <title>磨途歌-A标签测试1</tit

javascript模拟html title

这只是个学习原生javascript过程中的一个练手效果不做说明解释直接上代码算是个参考 <!doctype html> <html> <head> <meta charset="utf-8"> <title>关键字title提示</title> <style> *{padding:0;margin:0;} #test{width:700px; margin:50px auto 0; line-h

javascript模拟title提示效果

本代码可以实现如下情况: 1.js实现title是为了解决自定义样式和格式! 2.希望传入的格式可以不限制是否包含html结构! 3.可以自定义显示层的位置! js如下: function GetAbsoluteLocation(element) { if ( arguments.length != 1 || element == null ) { return null; } var offsetTop = element.offsetTop; var offsetLeft = element

javascript模拟鼠标双击事件

通常我们在做开发的时候需要通过单击切换对立事件,简单做了一个模型. <!DOCTYPE html> <html> <head> <title>javascript</title> <meta charset="utf-8"> <style type="text/css"> #box{ height: 200px; line-height: 200px; text-align: cen

JavaScript 模拟策略模式

/** * 模拟一个接口,其方法会抛出异常: */ function FlyInter () {} FlyInter.prototype.fly = function() { throw '实现这个接口'; }; /** * 实现一个fly noway的方法: */ function FlyNoWays() {} FlyNoWays.prototype.fly = function() { console.log('fly noways'); }; /** * 实现一个fly with Wing

JavaScript模拟自由落体

1.效果图 2.实现分析利用Canvas画圆球.地面: 1.下落过程物理知识回顾,物体下落过程(不计损耗)由重力势能转换成动能重力势能 Ep = mgh 动能 Ek = (1/2)mv^2 速度右0增加至gt 此间需要计算浏览器每次渲染的圆球y坐标 y = (1/2)gt^2 2.反弹过程动能转化成重力势能速度是逐渐减少直至为0 本打算设置 y = (1/2)g(t-t1)^2,t1为下落或者反弹消耗的时长但是实际呈现的效果却不尽人意,应该是反弹位移计算有误,经反复思考无果(若哪位

JavaScript 模拟视窗

热门专题