精华内容
下载资源
问答
  • 使用JavaScript解决网页图片拉伸问题

    千次阅读 2016-11-08 18:30:10
    开发网页的过程中经常会因为图片的拉伸问题而苦恼,这里就将介绍如何通过JS来动态的处理网页图片尺寸的问题,让网页不再存在拉伸的图片,让网站更加美观

    转载请注明出处:http://blog.csdn.net/xiaojimanman/article/details/53084716

    http://www.llwjy.com/blogdetail/92b85d1cdb0343a7bd6d8dd0868c0f82.html

    个人博客站已经上线了,网址 www.llwjy.com ~欢迎各位吐槽~

    -------------------------------------------------------------------------------------------------

          在开始之前先打一个小小的广告,自己创建一个QQ群:321903218,点击链接加入群【Lucene案例开发】,主要用于交流如何使用Lucene来创建站内搜索后台,同时还会不定期的在群内开相关的公开课,感兴趣的童鞋可以加入交流。


    问题描述

          这段时间在做PM的需求的时候突然发现一个问题,产品上的图片来自多个第三方,具体的尺寸无法确定,如果直接在样式中写死图片的尺寸大小就会出现图片拉伸的现象,十分影响产品的美观,因此希望可以找到一个比较好的解决方案。自己先做了一个简单的demo来展示问题。

    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<script src="./js/jquery-1.11.1.min.js"></script>
    	<style>
    		.img1{width:200px;height:200px;border: 1px solid #000;overflow: hidden;margin: 10px;}
    		.img2{width:200px;height:90px;border: 1px solid #000;overflow: hidden;margin: 10px;}	
    	</style>
    </head>	
    <body>
    	<div class="img1" style="width:">
    		<img id="img1" src="./img/1.jpg" height="100%" width="100%">
    	</div>
    	<div class="img2" style="width:">
    		<img id="img2" src="./img/1.jpg" height="100%" width="100%">
    	</div>
    </body>
    </html>



          上述这种情况还是挺影响美观的,是否可以考虑动态的设置图片的尺寸呢?


    解决思路

          是否可以在浏览器加载图片资源后,获取图片的真实尺寸和图片容器的大小,然后动态地设置图片的width、height属性。


    获取图片的真实尺寸

          html5下已经提供了相应的方法来返回图片的真实尺寸大小(img.naturalWidth、img.naturalHeight),针对IE6/7/8也可以通过以下方法来获取真实尺寸的大小

    var imgae = new Image();
    		image.src = img.src;
    		image.onload = function() {
    	    	var w = image.width;
    	    	var h = image.height;
    }

          下面就编写对应的JS方法获取图片的真实尺寸已经图片容器的尺寸大小

    setImgSize : function(img, callback) {
    	if (img.naturalWidth) { //html5
    		callback(img, img.naturalWidth, img.naturalHeight, img.width, img.height);
    	} else { // IE 6 7 8
    		var imgae = new Image();
    		image.src = img.src;
    		image.onload = function() {
                       callback(img, image.width, image.height, img.width, img.height);
                    }
    	}
    }

    重新设置图片尺寸

          在获取图片真实尺寸已经容器尺寸之后,我们需要重新设置图片的尺寸大小。这里先简单的介绍下处理目标:如果设置后的尺寸超过展示区域,则展示图片的中间部分,如果展示区域大于图片尺寸,则图片居中显示。用图简单说明下,黑色实线为图片的显示区域,绿色部分为图片的大小。


          下面我们提供三种方法来处理图片,分别实现上部两种(宽度一致)、下部两种(高度一致)、右侧两种(铺满显示区域),下面就分别介绍这三种方法:

    一、保证宽度一致

    //原始宽度 原始高度 容器宽度 容器高度
    //保证宽度一致
    resetImgSizeW : function(img, nw, nh, w, h) {
    	nwh = nw / nh;
    	wh = w / h;
    	if (nwh > wh) {
    		img.width = w;
    		var height = parseInt(1 / nwh * w);
    		img.height = height;
    		var top = parseInt((h - height) / 2);
    		img.style.marginTop = top + "px";
    	} else if (nwh < wh) {
    		img.width = w;
    		var height = parseInt(1 / nwh * w);
    		img.height = height;
    		var top = parseInt((height - h) / 2) * -1;
    		img.style.marginTop = top + "px";
    	} else {
    		img.height = h;
    		img.width = w;
    	}
    },


          在这里我们需要判断图片原始尺寸的长宽比例以及容器的长宽比例之间的关系,如果高度富裕,那就相应将图片往上移动一定的像素,如果高度不足,就将图片往下移动相应的像素,至于其他的两种情况也是同样的逻辑,先看下处理后的效果:



    二、保证高度一致

    //原始宽度 原始高度 容器宽度 容器高度
    //保证高度一致
    resetImgSizeH : function(img, nw, nh, w, h) {
    	nwh = nw / nh;
    	wh = w / h;
    	if (nwh > wh) {
    		img.height = h;
    		var width = parseInt(nwh * h);
    		img.width = width;
    		var left = parseInt((width - w) / 2) * -1;
    		img.style.marginLeft = left + "px";
    	} else if (nwh < wh) {
    		img.height = h;
    		var width = parseInt(nwh * h);
    		img.width = width;
    		var left = parseInt((w - width) / 2);
    		img.style.marginLeft = left + "px";
    	} else {
    		img.height = h;
    		img.width = w;
    	}
    }


    三、铺满显示区域

    //原始宽度 原始高度 容器宽度 容器高度
    //铺满全屏
    resetImgSizeWH : function(img, nw, nh, w, h) {
    	nwh = nw / nh;
    	wh = w / h;
    	if (nwh > wh) {
    		img.height = h;
    		var width = parseInt(nwh * h);
    		img.width = width;
    		var left = parseInt((width - w) / 2) * -1;
    		img.style.marginLeft = left + "px";
    	} else if (nwh < wh) {
    		img.width = w;
    		var height = parseInt(1 / nwh * w);
    		img.height = height;
    		var top = parseInt((height - h) / 2) * -1;
    		img.style.marginTop = top + "px";
    	} else {
    		img.height = h;
    		img.width = w;
    	}
    },



    如何使用JS

          上面对实现的逻辑以及最终的效果做了简单的介绍,下面就介绍下如何使用。

    <!-- 引用js脚本 -->
    <script src="./js/imageLoad.js"></script>
    <script>
    	var imageLoad = new ImageLoad();
    	//处理网站上所有的图片,下面三种只能使用一种
    	//imageLoad.initImg("w");//保证宽度一致
    	//imageLoad.initImg("h");//保证高度一致
    	//imageLoad.initImg("wh");//铺满显示区域
    	//处理单个图片,对于多个自己可以写循环语句来实现
    	imageLoad.setImgSize(document.getElementById("img1"), imageLoad.resetImgSizeW);
    	imageLoad.setImgSize(document.getElementById("img2"), imageLoad.resetImgSizeW);
    	imageLoad.setImgSize(document.getElementById("img3"), imageLoad.resetImgSizeH);
    	imageLoad.setImgSize(document.getElementById("img4"), imageLoad.resetImgSizeH);
    	imageLoad.setImgSize(document.getElementById("img5"), imageLoad.resetImgSizeWH);
    	imageLoad.setImgSize(document.getElementById("img6"), imageLoad.resetImgSizeWH);
    </script>



    ImageLoad源码

    $(document).ready(function() { 
    	new ImageLoad();
    });
    
    ImageLoad = function(){
    	this.init();
    };
    
    ImageLoad.prototype = {
    	init : function () {
    //		this.initImg("w");
    	},
    	initImg : function(type) {
    		var _this = this;
    		var imgs = document.getElementsByTagName('img');
    		for (var i=0; i<imgs.length; i++) {
    			try {
    				var img = imgs[i];
    				if ("w" == type) {
    					$(img).onload = _this.setImgSize(img, _this.resetImgSizeW);
    				} else if ("h" == type) {
    					$(img).onload = _this.setImgSize(img, _this.resetImgSizeH);
    				} else if ("wh" == type) {
    					$(img).onload = _this.setImgSize(img, _this.resetImgSizeWH);
    				} 
    			} catch(e) {
    			}
    		}
    	},
    	//原始宽度 原始高度 容器宽度 容器高度
    	//保证高度一致
    	resetImgSizeH : function(img, nw, nh, w, h) {
    		nwh = nw / nh;
    		wh = w / h;
    		if (nwh > wh) {
    			img.height = h;
    			var width = parseInt(nwh * h);
    			img.width = width;
    			var left = parseInt((width - w) / 2) * -1;
    			img.style.marginLeft = left + "px";
    		} else if (nwh < wh) {
    			img.height = h;
    			var width = parseInt(nwh * h);
    			img.width = width;
    			var left = parseInt((w - width) / 2);
    			img.style.marginLeft = left + "px";
    		} else {
    			img.height = h;
    			img.width = w;
    		}
    	},
    	//原始宽度 原始高度 容器宽度 容器高度
    	//保证宽度一致
    	resetImgSizeW : function(img, nw, nh, w, h) {
    		nwh = nw / nh;
    		wh = w / h;
    		if (nwh > wh) {
    			img.width = w;
    			var height = parseInt(1 / nwh * w);
    			img.height = height;
    			var top = parseInt((h - height) / 2);
    			img.style.marginTop = top + "px";
    		} else if (nwh < wh) {
    			img.width = w;
    			var height = parseInt(1 / nwh * w);
    			img.height = height;
    			var top = parseInt((height - h) / 2) * -1;
    			img.style.marginTop = top + "px";
    		} else {
    			img.height = h;
    			img.width = w;
    		}
    	},
    	//原始宽度 原始高度 容器宽度 容器高度
    	//铺满全屏
    	resetImgSizeWH : function(img, nw, nh, w, h) {
    		nwh = nw / nh;
    		wh = w / h;
    		if (nwh > wh) {
    			img.height = h;
    			var width = parseInt(nwh * h);
    			img.width = width;
    			var left = parseInt((width - w) / 2) * -1;
    			img.style.marginLeft = left + "px";
    		} else if (nwh < wh) {
    			img.width = w;
    			var height = parseInt(1 / nwh * w);
    			img.height = height;
    			var top = parseInt((height - h) / 2) * -1;
    			img.style.marginTop = top + "px";
    		} else {
    			img.height = h;
    			img.width = w;
    		}
    	},
    	//获取图片真实尺寸以及容器尺寸
    	setImgSize : function(img, callback) {
    		if (img.naturalWidth) { //html5
    			callback(img, img.naturalWidth, img.naturalHeight, img.width, img.height);
    		} else { // IE 6 7 8
    			var imgae = new Image();
    			image.src = img.src;
    			image.onload = function() {
    	            callback(img, image.width, image.height, img.width, img.height);
    	        }
    		}
    	},
    }

          上面代码还有很多可以优化的地方,欢迎大家在评论区留言交流


    -------------------------------------------------------------------------------------------------
    小福利
    -------------------------------------------------------------------------------------------------
          个人在极客学院上《Lucene案例开发》课程已经上线了,欢迎大家吐槽~

    第一课:Lucene概述

    第二课:Lucene 常用功能介绍

    第三课:网络爬虫

    第四课:数据库连接池

    第五课:小说网站的采集

    第六课:小说网站数据库操作

    第七课:小说网站分布式爬虫的实现

    第八课:Lucene实时搜索

    第九课:索引的基础操作


    展开全文
  • 在HTML网页中书写JavaScript

    万次阅读 2016-10-30 17:32:06
    参考书籍:《JavaScript 权威指南----...元素定义JavaScript脚本代码 在HTML文档中,可以使用使用<script>元素向HTML页面中插入JavaScript脚本,<script>元素的语法格式如下: <script type...

    参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞  

    1.使用<script>元素定义JavaScript脚本代码

    在HTML文档中,可以使用使用<script>元素向HTML页面中插入JavaScript脚本,<script>元素的语法格式如下: 

    <script type="脚本语言类型" src="外部脚本文件的URL"
                 defer="defer" async="async"
                 charset="外部脚本文件的字符编码">
     //<!--
     JavaScript代码
     //-->
    </script>

    参数说明: 

    ● language="脚本语言类型" 

    已废弃。原来用于指定<script>元素的内容所使用的脚本语言,现已使用type属性来代替。

    ● type="脚本语言类型" 

    必需。该属性可以看成是language 的替代属性,用于指定<script>元素的内容所使用的脚本语言,属性值是W3C标准定义的内容类型(也称为MIME 类型),例如:“text/tcl”、“text/javascript”和“text/vbscript”。该属性在HTML4时没有默认值,HTML5规定其默认值是“text/javascript”。

    ● src="外部脚本文件的URL" 

    可选。该属性指定了所引用的外部脚本文件的URL。

    ● defer="defer" 

    可选。该属性用来通知浏览器,这段脚本代码不会产生任何文档内容,可以延迟到文档完全被解析和显示之后再执行。例如 javascript 脚本中的document.write()方法可以用来在当前的文档中创建内容,但也不是所有的javascript 脚本都会改变文档的内容。如果您的脚本不会改变文档的内容,可将 defer 属性加入到 <script> 标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。

    ● async="async" 

    可选。该属性用来指示是否异步加载所引用的外部脚本文件(仅适用于引入外部脚本)。

    在HTML中,使用<script>元素插入JavaScript脚本代码时,必需将代码放在 <script type="text/javascript"> 和 </script> 标记对之间,有以下两种方式:

    在<script>元素中嵌入脚本代码 

    <script>
    //<!--
    这里书写JavaScript代码
    //-->
    </script>

    例如下面的HTML代码片段: 

    <script>
    //<!--
    function popupMsg(msg){
    alert(msg);
    }
    //-->
    </script>

    通过<script>元素中的"src"属性 引入外部脚本文件 

    <script src="这里书写JavaScript脚本文件的文件路径">
    </script>

    例如在HTML页面中引入JQuery函数库文件: 

    <script type="text/JavaScript" src="scripts/jquery-1.5.2.min.js"></script>

    使用<script>元素定义的JavaScript脚本代码可以出现在HTML页面的<head></head>和<body></body>元素中,脚本代码写在这两个位置的区别如下:

    在<head></head>元素中的脚本代码会在被调用的时候才执行。

    在<body></body>元素中的脚本代码会在页面加载的时候被执行。

    当然,你还可以把<script>元素定义的JavaScript脚本代码写到<html></html>元素的外面,不过这样的用法一般并不常见。 

    2.在事件属性中定义JavaScript脚本代码

    JavaScript脚本代码也可以定义在事件属性值中,当用户和浏览器交互时,只要事件被触发,相应的脚本就会被执行。

    例如下面这段HTML脚本代码: 

    <div onclick="alert('这个div被点击了!');">请点击这里!</div>

    3.超链接中定义JavaScript脚本代码

    用户还可以为超链接元素<a></a>的"href"属性定义JavaScript脚本代码,这就相当于是在浏览器的地址栏中执行JavaScript脚本代码。

    例如下面的代码,前一个链接使用了一个事件属性配合,而第二个链接没有使用事件属性,二者可以实现相同的功能: 

    <script>
    //<!--
    function popupMsg(msg){
    alert(msg);
    }
    //-->
    </script>
    <a href="javascript:void(0);" onclick="popupMsg('这是一个空链接')">这是一个空链接</a>
    <a href="javascript:popupMsg('这是一个空链接');" onclick="">这是一个空链接</a>

    当单击该链接时,都会调用一个自定义的函数popupMsg(),该函数会弹出一个警告框。

    该方法还可以用来实现打开新窗口这样的操作,例如下面的代码将会打开一个新的空窗口: 

    <a href="javascript:window.open('about:blank');">打开新窗口</a>

    甚至于,用户可以在浏览器地址栏中输入一段以 "javascript:" 作为前缀的脚本代码,都会被执行,例如下面的代码: 

    javascript:window.open('about:blank');

    对于一些浏览器,如果在浏览器地址栏中输入以上语句,将会打开一个新窗口或新标签页,如图所示。 

    4.浏览器不支持脚本时应注意的问题

    在HTML4中,规定可以在<script>元素中使用注释包含JavaScript代码,例如: 

    <script>
    //<!-- JavaScript代码
    function square(i){
    return i*i;
    }
    document.write("结果是: ",square(5));
    //-->
    </script>

    或者: 

    <script>
    <!-- JavaScript代码
    function square(i){
    return i*i;
    }
    document.write("结果是: ",square(5));
    -->
    </script>

    HTML4之所以这样规定,是因为当时还有很多浏览器不支持JavaScript,甚至也不支持<script>元素,当浏览器不支持<script>元素时,这样做就可以避免这些代码直接呈现为文本。

    但是,当前不会再存在这种情况,<script>元素是HTML5标准所明确规定的,凡支持HTML5的浏览器都会支持<script>元素。

    另外,还可以在HTML网页中在定义<script>元素的同时定义<noscript>元素,如果客户端浏览器可以识别脚本但设置了禁止执行脚本,那么就会执行<noscript>元素中的内容。例如: 

    <noscript>
    <p>浏览器不支持JavaScript...</p>
    </noscript>

    5.声明脚本语言

    因为HTML并不依赖于某个特定的脚本语言,所以文档创作者必须显式地告诉浏览器每个脚本所使用的语言,可以通过一个默认声明或者本地声明来完成。

    默认的脚本语言

    一般,应该在文档头部定义所使用脚本的默认语言,可以通过<meta>元素来实现。指定默认语言的<meta>元素声明的格式如下: 

    <meta http-equiv="Content-Script-Type" content="脚本语言类型"></meta>

    这里,content属性的值是W3C标准定义的内容类型,比较常用的就是:"text/tcl","text/javascript"和"text/vbscript"。

    如果没有使用<meta>元素指定默认语言,还可以通过HTTP报头的Content-Script-Type来设置默认语言。如下所示:

    Content-Script-Type:脚本语言类型

    脚本语言的本地声明

    通过<script>元素的"type"属性可以指定其中的脚本代码所使用的脚本语言,这被称为本地声明。本地声明的脚本语言将会覆盖文档默认的脚本语言。 

    展开全文
  • 在上网时出现Javascript:void(0)网页没有反应

    万次阅读 热门讨论 2017-03-16 18:51:57
    网页左下角显示Javascript:void(0),如图所示 后来查的问题是脚本错误,有以下几种解决方案 1、可能是浏览器不兼容首先换个浏览器试试,如果还是不行还有其他解决方案。 2、可能是注册表中没有注册JScript,...

    从上上周开始发现写CSDN博客的时候网页没有反应,而且在个人分类这没有显示分类的类别,除了能进去这个页面其他的啥也操作不了。

    网页左下角显示Javascript:void(0),如图所示


    后来查的问题是脚本错误,有以下几种解决方案

    1、可能是浏览器不兼容首先换个浏览器试试,如果还是不行还有其他解决方案。

    2、可能是注册表中没有注册JScript,需要注册如下操作


    3、可能是浏览器设置过高,或者Java脚本没有启用,解决方法如下



    4、可能是由于脚本引擎损坏,需要下载Windows script来修复。下面是下载网址,根据自己的电脑型号来下载。

    https://www.microsoft.com/en-us/download/confirmation.aspx?id=20240

    5、电脑管家修复










    展开全文
  • 网页使用JavaScript与Active空间进行交互

    JavaScript调用ActiveX控件中的函数
    这个交互的关键是在接口类中添加对外的方法。大概步骤如下:
    1. 在.NET在新建一个MFC ActiveX工程
    2. 在类视图中,可以看到最下面有一个“工程名+Lib”项,图标与上面的类图标不同,展开它,可以看到三项,下面要做的就是在第二项(名为“_D+工程名”)下添加对外函数
    3. 展开第二项后可以看到下面已经有了一个AboutBox(void)函数,这就是说些ActiveX控件已经有了一个对外交互的接口。对着接口(名为“_D+工程名”)点右键选“添加->添加方法”,写入函数名和参数,返回类型(内部名称可以和外面名称不一样)。
    4. 添加完成后,可以在类视图中的“C+工程名+Ctrl”类下面看到刚刚添加的函数(这里显示的是上面提到的内部名称),双击该函数就可以写自己的代码了。

    上面的步骤就添加ActiveX控件对外的一个函数,在网页中可以在JavaScript函数中去调用该函数,调用方法就是运行“控件ID.函数名 (参数)”,这里的控件ID指在网页中为ActiveX指定的ID,如<object id=”控件ID” classid=…></object>。函数名是指在上面第3步中的外部名称。

    如下图所示:定义了三个方法Login,MessageBox,Test2

    值得注意的是,如果想把JavaScript字符串当作参数传递到控件里,那么MFC的参数应该为BSTR类型

     

     

    ――ActiveX控件调用网页JavaScript中的函数

    上一篇文章中提到了怎样在MFC的ActiveX控件中添加一个对外的函数,在JavaScript中可以调用,但这只是一方面的交互,本篇文档将介绍怎样在ActiveX控件中调用网页中的JavaScript函数。
    在网上搜索许久,终于找到了一个简单易用的方法,这里先要给出来源代码的网址http://www.codeproject.com/com/JSCalls.asp。 这是一个例子,可以调用网页中的JavaScript函数,但还不是我们想要的,它需要通过网页的源代码来初始化,而我们用.NET开发MFC的 ActiveX控件时无法得到运行时网页的源代码,所以要通过其它方法来初始化。在狂GOOGLE和MSDN后,找到了怎样在MFC中得到 IHTMLDocument2对象(具体是什么对象我也不是很清楚,但这个对象中存放了客户端网页里的很多信息)。另一方面,简单修改了上面网址中提供的 类源代码,就可以运行了。
    下面是具体的步骤:
    1. 从http://www.codeproject.com/com/JSCalls.asp下载源代码(选择“download source”,你也可以下载示例去看一下,另就是下载需要免费注册)。下载解压后可以看到两个文件:WebPage.cpp、WebPage.h。我们打开WebPage.cpp修改其中

     

    当然把这个函数修改完成后记得去修改WebPage.h的函数声明。
    2. 将修改完的两个文 件拷贝到ActiveX控件工程的文件夹下,并在ActiveX控件工程添加这两个文件,这时工程的类视图中就会出现一个新类CWebPage。这里给出 添加的详细过程,对着.NET中解决方案管理中的“源代码”点右键选择“添加->添加现有项”,然后选择WebPage.cpp。同样,把 WebPage.h添加到头文件里。
    3. 做完上面的步骤,我们就可以使用CWebPage类了。在要调用网页JavaScript函数的地方用下面的代码,其中的jsFunc就是网页中的JavaScript函数。
     
    所有步骤都已经列出,可以轻松的在ActiveX中调用网页中的JavaScript函数。当然,你们可以自己再去看看CWebPage类的成员函数,里面有得到JavaScript函数列表、调用需要参数的JavaScript函数等等。
    展开全文
  • 如何实时修改网页javascript代码

    千次阅读 2020-07-26 08:19:08
    最近在做upload-labs需要修改网页的js代码,貌似比较复杂,记录留念一下。 首先我们打开开发人员工具做修改,试图在element编辑框内修改代码,把上传的文件改为允许php,然而修改的代码并不会生效,因为chrome已经...
  • 最近发现很多同行找我问,网页出现JavaScript代码时间出现 117年 请调整您的计算机日期! 最好的解决办法
  • onSubmit="return checkforms(this)"的方法来验证,checkforms方法是如此定义的:function checkform(myform){}这时候既可以验证添加记录表单,也可以验证修改记录的表单,这时候问题出来了,如果是修改,肯定会有...
  • 最近,想从中国天气网上抓取数据,其中的网页上的实时天气是使用javascript生成的,用简单的标签解析不到。原因是,那个标签压根就没再网页当中。 所以,google了下python怎么区解析动态网页,下面文章对我很有帮助...
  • 引言端口扫描、内存溢出、安全漏洞……这些大概是很多人提到黑客时会想到的。他们用的语言自然也是汇编、C这些...然而,本文就是要谈谈Hacking with JavaScript——以JavaScript来“黑客”。这之所以能成为一个题目,有
  • 1.1 JavaScript 概述 1.1.1 JavaScript 简介 1.1.2 JavaScript 的概念和执行原理 1.1.3 JavaScript 脚本代码的位置 1.1.4 实践练习 1.2 JavaScript 核心语法 1.2.1 变量 1.2.2 数据类型 1.2.3 JavaScript ...
  • JavaScript

    万次阅读 2018-12-15 15:05:56
    浅析html+css+javascript之间的关系与作用 目录 ...一个基本的网站包含很多个网页,一个网页由html, css和javascript组成。 html是主体,装载各种dom元素;css用来装饰dom元素;javascript控制d...
  • 最近,想从中国天气网上抓取数据,其中的网页上的实时天气是使用javascript生成的,用简单的标签解析不到。原因是,那个标签压根就没再网页当中。 所以,google了下python怎么区解析动态网页,下面文章对我很有...
  • javascript中void(0);用法及常见问题解析

    万次阅读 多人点赞 2018-06-08 23:08:14
    转载这篇文章 使用过ajax的朋友经常会见到这样的...下面我们先来看下javascript:void(0) 的基础介绍及用法,然后再来看使用它会出现什么问题,该怎么解决。 提示:在学习一下内容之前,你可以先通过javascript:vo...
  • JavaScript网页制作--京东快递单号查询

    千次阅读 多人点赞 2020-11-28 18:09:21
    JavaScript网页制作–京东快递单号查询 上篇讲到了京东网页的一个可能不被大多数人熟知的小功能,S键自动获得焦点,相比于那个功能,这个快递单号查询的功能可能更明了一点,虽然我也觉得很鸡肋。在网页搜索京东...
  • 在同一个网页中实现多个JavaScript特效
  • 网页javascript精华代码集

    千次阅读 2007-01-23 03:08:00
    千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。 【9、弹出的窗口之Cookie控制】  回想一下,上面的弹出窗口虽然酷,但是有一点小毛病。比如你将上面的脚本放在一...
  • 经过一段时间的摸索,终于有了一套爬取动态网页的方法,此方法适合大多数的动态网页爬取,至于另外少数的动态网页爬取,还必须利用其它的办法。在此分享给大家。举例:例如在百度中搜索成语词典,显示如下,需要爬取...
  • javascript出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,javascript短小精悍,又是在客户机上执行的。大大提高了网页的浏览速度和交互能力。同一时候它又是专门为制作web网页而量身定做的一...
  • JavaScript中的跨域问题

    千次阅读 多人点赞 2021-02-27 10:17:57
    前言:学习JavaScript的童鞋都知道,我们在发送网络请求,也就是我们在地址栏输入一个网址,就会自动跳转到当前网址,比如在浏览器网址输入www.baidu.com,浏览器就会自动跳转到百度的的首页 而浏览器发送网络请求需要三和...
  • 今天用JavaScript做了一个小小的像素鸟 ,256行代码实现flappybird,虽然有很多bug,废话不多说,上源码 *{ padding: 0;margin: 0; } .main{ border: solid 1px black; width: 600...
  • 我的网站的构思是建一个基于HTML5、JavaScript和CSS3的网页开发应用技术的网页,网站的主题思想是同舟共济六十载、民族团结一家亲。网站包括主页、成就、广西福利、民族活动、展望未来以及关于。网站最大的特点是...
  • 8.1 JavaScript:驾驭网页-DOM

    千次阅读 2016-03-23 16:58:00
    见树也见林:Document Object Model (DOM) DOM提供对脚本友善的网页结构与见容的视图 DOM把网页视为节点构成的层次树**DOM树每棵DOM树的最顶端节点都是Document,它在HTML节点的上层网页是DOM节点的集合
  • 在开始学习JavaScript代码编写的时候,会发现我们程序编写的正确,但是在运行的时候页面出现的空开,一点效果都没有,下面介绍出现这种现象可能的原因。 1.就例如这段代码,是书上一段简单的判断学生成绩的代码,...
  • JavaScript基础知识全总结

    万次阅读 多人点赞 2019-04-11 10:37:31
    JavaScript基础 浏览器说明 浏览器是指可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。 通俗的讲:可以显示页面的一个软件, 国内网民计算机上常见的网页浏览器有,QQ浏览器、...
  • JavaScript 网页背景图片随机化

    千次阅读 2009-03-16 09:30:00
    单调的网站首页背景看多了不免...这只需用一个JavaScript方法就可以搞定,通过随机函数在我们的一组图片中随机的选一张作为背景。下面是JavaScript代码: <!-- // Add a class to the body tag to alternate background

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 157,665
精华内容 63,066
关键字:

网页出现javascript问题

java 订阅