网站地图 | RSS订阅 凌陈亮博客 - 专业上海SEO上海SEO优化,分享网站优化知识,同时提供上海SEO服务。
你的位置:首页 » JS特效
前端脚本

JS获取指定A标签的链接地址url的顶级域名和当前域名

JS获取指定A标签的链接地址url的顶级域名和当前域名

获取指定的A标签href属性的值,提取URL中的顶级域名或当前域名。具体代码如下:

<a id="a1" href="http://www.lingchenliang.com/tags-189.html" target="_blank">JS特效</a>
<script language="javascript" type="text/javascript">
alert(getdomain(1,'a1')); //弹窗输出域名,此处为获取顶级域名
function getdomain(typ,id){ //参数:类型(0:当前域名,1:顶级域名),链接对象ID
	var url=window.document.getElementById(id).href; //获取链接
	if(typ==0){ //获取当前域名,如:www.lingchenliang.com
		var a = document.createElement('a');
		a.href = url;
		url=a.hostname;
	}else{ //获取顶级域名,如:lingchenliang.com
		//使用正则表达式
		url=url.replace(/.+[\.\/]([A-z]+\.[A-z]+)\/[^\/].+/,"$1");
	}
	return url; //返回域名值
}
</script>


发布时间:2016年9月20日 | 评论:0 | 浏览: | 标签:Javascript  JS特效  

前端脚本

JS获取三种CSS样式的方法

JS获取三种CSS样式的方法

一、获取元素的行内样式

var obj = document.getElementById("test");
alert(obj.height + "\n" + obj.width);     // 200px 200px typeof=string只是将style属性中的值显示出来

二、获取计算后的样式

发布时间:2016年9月20日 | 评论:0 | 浏览: | 标签:Javascript  JS特效  

前端脚本

JS飘浮广告代码(兼容多浏览器)

JS飘浮广告代码(兼容多浏览器)

此JS飘浮广告特效代码可以飘浮DIV层,图层中可放图片、文字等任何HTML内容。满屏到处移动着跑的飘动DIV广告特效。

此浮动代码由本人使用纯原生JS制作,未采用JQUERY。代码规范标准,使用HTML4 XHTML头部标准或HTML5头部都不影响JS的正常运行。

注:飘浮时只在浏览器窗口尺寸(即窗口可见区域大小)里飘动,不受滚动条长短影响。

发布时间:2016年9月7日 | 评论:0 | 浏览: | 标签:Javascript  JS特效  JS控制DIV  浮动  

前端脚本

JS确认对话框confirm()用法总结(常用于弹出确定、取消删除)

JS确认对话框confirm()用法总结(常用于弹出确定、取消删除)

confirm() 方法

定义和用法
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
语法

confirm(message)

参数  描述
message 要在 window 上弹出的对话框中显示的纯文本,即提示信息(而非 HTML 文本)
说明
如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。
提示:对话框按钮的文字是不可改变的,因此请小心地编写问题或消息,使它适合用确认和取消来回答。

发布时间:2016年9月1日 | 评论:0 | 浏览: | 标签:Javascript  JS教程  JS特效  

前端脚本

JS跳转页面方法总结

JS跳转页面方法总结

第一种:location跳转(当前页面跳转)

location.href="http://www.lingchenliang.com/";
window.location.href="http://www.lingchenliang.com/";
window.location="http://www.lingchenliang.com/";

第二种:后退、前进跳转(当前页面跳转)

发布时间:2016年8月30日 | 评论:0 | 浏览: | 标签:Javascript  JS教程  跳转  JS特效  

前端脚本

JS后退、前进、返回上一页并刷新代码

JS后退、前进、返回上一页并刷新代码

JS后退、返回上一页、返回上一步代码:

window.history.go(-1)      可简写为:   history.go(-1)
window.history.back()      可简写为:   history.back()

JS前进代码:

发布时间:2016年8月30日 | 评论:0 | 浏览: | 标签:Javascript  JS教程  跳转  JS特效  

前端脚本

JS提交表单方法总结

JS提交表单方法总结

一、submit提交表单

<form action="?" name="form1" id="form1">
<!-- 表单内容 -->
<input type="submit" value="提交表单" />
</form>

二、JS提交表单:普通button按钮提交

发布时间:2016年8月29日 | 评论:0 | 浏览: | 标签:Javascript  JS教程  JS特效  

前端脚本

JS定时器setInterval()与延迟函数setTimeout()区别

JS定时器setInterval()与延迟函数setTimeout()区别

JS定时器 setInterval() 方法: 使一段代码每过指定时间就运行一次。

JS延迟器 setTimeout() 方法:使一段代码在指定时间后运行。

定义:

window.setInterval(expression,millisec); 
window.setTimeout(expression,millisec);

参数介绍:

发布时间:2016年8月29日 | 评论:0 | 浏览: | 标签:Javascript  JS教程  JS特效  

前端脚本

JS刷新当前页面常用技巧总结

JS刷新当前页面常用技巧总结

1,reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])  
参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
语法: location.replace(URL)  
通常使用: location.reload() 或者是 history.go(0) 来做。
此方法类似客户端点F5刷新页面,所以页面method="post"时,会出现"网页过期"的提示。
因为Session的安全保护机制。
当调用 location.reload() 方法时, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。
如果有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。
这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。
代码: location.replace(location.href);
返回并刷新页面:

发布时间:2016年8月26日 | 评论:0 | 浏览: | 标签:Javascript  JS教程  跳转  JS特效  

网站制作

KindEditor上传图片后回调传入文本框和列表框并显示图片

KindEditor上传图片后回调传入文本框和列表框并显示图片

KindEditor编辑器本地上传图片文件后(单个图片上传和批量图片上传),将数据回调,以实现自由设置任何一张图片做为文章形象图且在指定区域展示此形象图的功能。

以下是KindEditor 4.1.11的示例代码:

发布时间:2016年5月6日 | 评论:1 | 浏览: | 标签:KindEditor  编辑器  JS特效  文件操作  文件上传  无组件上传  

网站制作

KindEditor浏览图片空间返回图片路径给文本框并展示图片

KindEditor浏览图片空间返回图片路径给文本框并展示图片

在我们使用编辑器的时候经常会想让编辑器里上传的某张图片设定为文章的形象图,这时我们可以用到单独的“浏览服务器”这个按钮功能。

以下是KindEditor 4.1.11的示例代码:

发布时间:2016年5月3日 | 评论:0 | 浏览: | 标签:KindEditor  编辑器  JS特效  

网站制作

KindEditor实现按Ctrl+Enter回车键提交表单

KindEditor实现按Ctrl+Enter回车键提交表单

使用KindEditor编辑器创建内容区,想让表单即可以点提交按钮提交表单也可以按Ctrl+Enter回车键提交表单。
以下是KindEditor 4.1.11测试代码实例(部分HTML代码省略):

<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
<script>
var KE;
KindEditor.ready(function(K) {
	KE = K.create('#content',{
		filterMode : false, //过滤HTML代码
		allowFileManager : true, //浏览图片空间
		afterCreate : function() { //设置编辑器创建后执行的回调函数
			var self = this;
			//Ctrl+Enter提交表单
			K.ctrl(document, 13, function() {
				self.sync();
				K('#form')[0].submit();
			});
			K.ctrl(self.edit.doc, 13, function() {
				self.sync();
				K('#form')[0].submit();
			});
		}
	});
});
</script>
<form>
<textarea id="content" name="content" style=" width: 99%; height: 500px; visibility: hidden; display: block; "></textarea>
</form>


发布时间:2016年5月3日 | 评论:0 | 浏览: | 标签:KindEditor  编辑器  JS特效  

前端脚本

JS实现打印网页中指定区域的内容

JS实现打印网页中指定区域的内容

我们经常在网上看到一些有用的文章,想要打印下来,却总是打印时是整个页面,我们不希望打印其它的内容,这时就可以用到打印指定内容,以下是个完整的功能测试代码。

发布时间:2016年2月25日 | 评论:1 | 浏览: | 标签:Javascript  打印  JS特效  

前端脚本

JS实现下拉菜单select自动跳转页面

JS实现下拉菜单select自动跳转页面
<select onchange="javascript:window.location.href=this.value;">
    <option value="">合作链接</option>
    <option value="http://www.baidu.com">百度</option>
    <option value="http://www.lingchenliang.com/">凌陈亮</option>
</select>


发布时间:2016年2月25日 | 评论:0 | 浏览: | 标签:Javascript  下拉列表框  select列表  跳转  JS特效  

«123»