Tags：js - Heck's Blog - 一瞬间的决定，往往可以改变很多，事实上，让自己成功的往往不是知识，是精神！如果你总是为自己找借口，那只好让成功推迟。执行力，今天！

欢迎来到Heck's Blog，专业承接拿站、企业建站、仿站、网上商城架构、门户网站搭建、空间域名注册、软件定制等项目。关注网络安全，因为专注，所以专业，懂得放弃，才能收获。有事请发邮件至i@heckjj.com，请记住本站网址：http://www.heckjj.com，多谢。

10月25

js跨域请求数据常见的解决方法

00:01Heck

Web开发 From: 本站原创

跨域问题是由浏览器安全性限制而引起的，不同浏览器的安全性限制还不一样，当然啦我们可以采取变通的方法来解决这个跨域的问题。

方法一、采用动态创建<script type="text/javascript" src="http://另外一个域名/getdata.aspx?user=Heck&pwd=Heck"></script>
而这个aspx可以返回一段JS数据,来回调调用页面中的一个JS方法比如说 showmessage("返回成功"); 这样可以达到隐性提交的目的。（在跨域下可以实现JAX同样的效果）。但这种方法由于URL长度的限制，不能提交太大的数据，和不能进行POST请求，而且你还要又B域的输出控制权。

方法二、直接把表单提交，提交的页面处理完毕后他直接太跳转下，同时把相关信息在提交给相同的域名下的一个文件，由本域名下的文件做输出这样其实就是同域了。不过这种方法编程会很复杂，流程控制很麻烦。

方法三、采用ASPX文件做桥的方式，比如说你想在A上请求B域名上的文件b,则你可以通过在A上请求A上的文件a，a在服务器端请求B下的b，a文件相当于做了个中装，这样在有些网站上是不可取的，因为效率不高，相应很慢，还耗费服务器带宽等资源。

阅读全文

Tags: js , 跨域

阅读(2179) | 评论(0) | 引用(0)

9月10

js javascript弹出遮罩层,弹出半透明的遮罩层并显示注册文本框内容

15:53Heck

前端开发 From: 本站原创

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>弹出提示</title>
<style>
* {margin:0;padding:0;font-size:12px;}
html,body {height:100%;width:100%;}
#content {background:#FFFFFF;padding:30px;height:100%;}
#content a {font-size:30px;color:#369;font-weight:700;}
#alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}
#alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}
#alert h4 span {float:left;}
#alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}
#alert p {padding:12px 0 0 30px;}
#alert p input {width:120px;margin-left:20px;}
#alert p input.myinp {border:1px solid #ccc;height:16px;}
#alert p input.sub {width:60px;margin-left:30px;}
</style>
</head>
<body   >
<div id="content">
<a href="#">注册</a>
</div>
<div id="alert">
<h4><span>现在注册</span><span id="close">关闭</span></h4>
<p><label> 用户名</label><input type="text" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
<p><label> 密　码</label><input type="password" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
<p><input type="submit" value="注册" class="sub" /><input type="reset" value="重置" class="sub" /></p>
</div>
<script type="text/javascript">
var myAlert = document.getElementById("alert");
var reg = document.getElementById("content").getElementsByTagName("a")[0];
var mClose = document.getElementById("close");
reg.onclick = function()
{
myAlert.style.display = "block";
myAlert.style.position = "absolute";
myAlert.style.top = "50%";
myAlert.style.left = "50%";
myAlert.style.marginTop = "-75px";
myAlert.style.marginLeft = "-150px";

mybg = document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.style.background = "#000";
mybg.style.width = "100%";
mybg.style.height = "100%";
mybg.style.position = "absolute";
mybg.style.top = "0";
mybg.style.left = "0";
mybg.style.zIndex = "500";
mybg.style.opacity = "0.3";
mybg.style.filter = "Alpha(opacity=30)";
document.body.appendChild(mybg);

document.body.style.overflow = "hidden";
}

mClose.onclick = function()
{
myAlert.style.display = "none";
mybg.style.display = "none";
}
</script>
</body>
</html>

Tags: js , javascript , 弹出遮罩层 , 弹出半透明的遮罩层

阅读(2916) | 评论(0) | 引用(0)

9月10

js javaScript检测浏览器和操作系统平台

13:15Heck

前端开发 From: 本站原创

今天看JavaScript高级程序设计第8章检测浏览器和操作系统时 smile

，发现浏览器发展历史带着一种没有统一规范的过程走到了今天，这些混乱的过程，主要体现在user-agent字符串内容上，用了Win的人，很多都无知地认为世界只有IE这么一个浏览器，对他们来说带着一种打开浏览器就是打开IE的意思，没有Mozilla,Opera,Konqueror,Safari,NetScape这些可选的概念，但对于Web人员则不能对这些无知了，一个可靠的javaScript脚必须针对不同的客户平台作出不同准确识别，不单是浏览器类型对javaScript函数调用有关，浏览器依附的操作系统平台对浏览器的支持功能也有制约和支持,书中附带的detect.js，软完整给出了针对一系列用户浏览器和操作系统平台的检测，虽然直接对Code看难理解，不过跟着书本解析，理解起来还是不难的，里面几乎全是通过对user-agent字符串信息分析得到的,我往代码里添加了自己的注释。

detect.js

阅读全文

Tags: js , javascript检测浏览器 , 操作系统平台

阅读(1675) | 评论(0) | 引用(0)

9月10

js javascript array.join 字符串连接处理

13:11Heck

前端开发 From: 本站原创

Tags: 字符串连接处理 , js , javascript , array.join

阅读(2291) | 评论(0) | 引用(0)

9月10

jQuery ajax笔记

11:44Heck

前端开发 From: 本站原创

最近阅读了Professional Ajax second editon，写些jQuery笔记 smile

，供以后参考。
jQuery是一个Ajax程序库，就像Java的API,它主要是提供了高级javaScript使用方式，通过封装和映射特殊字符，可以减少开发人员代码量;
访问方式样例:
$("p")访问所有的P元素,
$("div#myDiv")访问id为myDiv的div元素
$("input[@type=text]")访问type为text的input元素
$("p").hide()对所有的p元素作隐藏处理
$(div#myDiv").css("font-family","Arial");设置其样式
$("div#myDiv").width("400px")设置其宽度

$.get()样子:

阅读全文

Tags: jquery , js , javascript , ajax

阅读(1797) | 评论(0) | 引用(0)

8月26