Monthly Archives: 七月 2015

七 21

PHP创建TXT文件

Posted on by

0
1
2
3
4
5
function myfile(){
$myfile = fopen("a.txt",'w');
$txt = "MrDede\n";
fwrite($myfile,$txt);
fclose($myfile);
}

fwrite(file,string,length)

file     必需。规定要写入的打开文件。
string     必需。规定要写入文件的字符串。
length     可选。规定要写入的最大字节数。

fwrite() 返回写入的字符数，出现错误时则返回 false。

fclose(file)

file 参数是一个文件指针。fclose() 函数关闭该指针指向的文件。如果成功则返回 true，否则返回 false。

Posted in PHP
七 21

PHP函数获取客户端真实IP方法

Posted on by

两种PHP写法获取客户端真实IP方法：

0
1
2
3
4
5
6
7
8
9
10
function getip(){
if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
$realip = $_SERVER['HTTP_X_FORWARDED_FOR'];
} elseif (isset($_SERVER['HTTP_CLIENT_IP'])) {
$realip = $_SERVER['HTTP_CLIENT_IP'];
} else {
$realip = $_SERVER['REMOTE_ADDR'];
}  
 
return $realip;
}

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function getIP() {
$unknown = 'unknown';
if (isset($_SERVER['HTTP_X_FORWARDED_FOR']) && $_SERVER['HTTP_X_FORWARDED_FOR'] && strcasecmp($_SERVER['HTTP_X_FORWARDED_FOR'], $unknown)) {
$ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
}
elseif(isset($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] && strcasecmp($_SERVER['REMOTE_ADDR'], $unknown)) {
$ip = $_SERVER['REMOTE_ADDR'];
}
/*  
处理多层代理的情况  
或者使用正则方式：$ip = preg_match("/[\d\.]{7,15}/", $ip, $matches) ? $matches[0] : $unknown;  
*/
if (false !== strpos($ip, ',')) $ip = reset(explode(',', $ip));
return $ip;
}

本地测试获取的IP一般为::1这是正常的，在远程服务器中此方法是可用的

Host映射查看方法 C:\Windows\System32\drivers\etc  文件hosts

由于客户端可以篡改IP，所以在使用此方法获取的IP要进行过滤。

下面是获取到的客户端IP再获取客户端的地理信息（省份、地区、经纬度）

0
1
2
3
4
5
6
7
8
9
10
11
12
function getInfo(){
$getIp='116.255.222.22';
$content = file_get_contents("http://api.map.baidu.com/location/ip?ak=7IZ6fgGEGohCrRKUE9Rj4TSQ&ip={$getIp}&coor=bd09ll");
$json = json_decode($content);
 
echo '<br/>';
echo 'log:',$json->{'content'}->{'point'}->{'x'};//按层级关系提取经度数据
echo '<br/>';
echo 'lat:',$json->{'content'}->{'point'}->{'y'};//按层级关系提取纬度数据
echo '<br/>';
print $json->{'content'}->{'address'};//按层级关系提取address数据
echo '<br/>';
}

 

七 20

JS获取当前域名

Posted on by

<script language="javascript">
//获取域名
host = window.location.host;
host2=document.domain;

//获取页面完整地址
url = window.location.href;

document.write("<br>host="+host)
document.write("<br>host2="+host2)
document.write("<br>url="+url)
</script>

七 20

jQuery对象与dom对象相互转换

Posted on by

什么是jQuery对象？

—就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。

比如：

$("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法

这段代码等同于用DOM实现代码：

document.getElementById("id").innerHTML;

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错。比如：$("#test").innerHTML、document.getElementById("id").html()之类的写法都是错误的。

还有一个要注意的是：用#id作为选择符取得的是jQuery对象与document.getElementById(“id”)得到的DOM对象，这两者并不等价。请参看如下说的两者间的转换。

既然jQuery有区别但也有联系，那么jQuery对象与DOM对象也可以相互转换。在再两者转换前首先我们给一个约定：如果一个获取的是 jQuery对象，那么我们在变量前面加上$，如：var $variab = jQuery对象；如果获取的是DOM对象，则与习惯普通一样：var variab = DOM对象；这么约定只是便于讲解与区别，实际使用中并不规定。

jQuery对象转成DOM对象：

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。

如：var $v =$("#v") ; //jQuery对象

var v=$v[0]; //DOM对象

alert(v.checked) //检测这个checkbox是否被选中

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象

如：var $v=$("#v"); //jQuery对象

var v=$v.get(0); //DOM对象

alert(v.checked) //检测这个checkbox是否被选中 Continue reading →

七 10

CSS(background)背景色渐变

Posted on by
垂直渐变:上->下
垂直渐变:下->上
水平渐变:左->右
水平渐变:右->左

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<style type="text/css">
.test1{ width: 80%; min-height: 80px; text-align: center; line-height: 80px; color: White; font-size: 20px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00BFFF',endColorStr='#0000CD',gradientType='0');
background: -moz-linear-gradient(top, #00BFFF, #0000CD);
background: -o-linear-gradient(top,#00BFFF, #0000CD);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00BFFF), to(#0000CD));
}
.test2{ width: 80%; min-height: 80px; text-align: center; line-height: 80px; margin-bottom: 10px; color: White; font-size: 20px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00BFFF',endColorStr='#0000CD',gradientType='0');
background: -moz-linear-gradient(bottom, #00BFFF, #0000CD);
background: -o-linear-gradient(bottom,#00BFFF, #0000CD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00BFFF), to(#0000CD));
}
.test3 { width: 45%; min-height: 80px; text-align: center; line-height: 80px; margin-bottom: 10px; color: White; font-size: 20px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00BFFF',endColorStr='#0000CD',gradientType='1');
background: -moz-linear-gradient(left, #00BFFF, #0000CD);
background: -o-linear-gradient(left,#00BFFF, #0000CD);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#00BFFF), to(#0000CD));
}
.test4 { width: 45%; min-height: 80px; text-align: center; line-height: 80px; margin-bottom: 10px; color: White; font-size: 20px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00BFFF',endColorStr='#0000CD',gradientType='1');
background: -moz-linear-gradient(right, #00BFFF, #0000CD);
background: -o-linear-gradient(right,#00BFFF, #0000CD);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#00BFFF), to(#0000CD));
}
</style>
<div>
  <div class="test1">垂直渐变:上-&gt;下</div>
  <div class="test2">垂直渐变:下-&gt;上</div>
</div>
<div>
  <div class="test3" style="display: inline-block;">水平渐变:左-&gt;右</div>
  <div class="test4" style="display: inline-block;">水平渐变:右-&gt;左</div>
</div>

IE系列

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00BFFF',endColorStr='#0000CD',gradientType='0');

参数：startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直，为1时代表水平

Firefox

background: -moz-linear-gradient(top, #00BFFF, #0000CD);

参数：top、bottom垂直，left、right水平 例如：top时从顶部由#00BFFF到#0000CD渐变，bottom时从底部由#00BFFF到#0000CD渐变

Opera

background: -o-linear-gradient(top,#00BFFF, #0000CD);

参数：top、bottom垂直，left、right水平 例如：top时从顶部由#00BFFF到#0000CD渐变，bottom时从底部由#00BFFF到#0000CD渐变

webkit，如Chrome、Safari等

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00BFFF), to(#0000CD));

参数：linear线性， x1 x2, x3 x4 x1与x3相同时垂直，x2与x4相同时水平 from起始颜色 to结束颜色

七 07

使用JS改变a标签中的href链接与图片src链接方法

Posted on by

一、原生JS直接改变a标签链接与图片src链接（JS一定要在欲改变的源码之后加载）

0
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<body>
<img id="image" src="/i/tulip.jpg" />
<a id="test" href="http://www.baidu.com/" target="_blank">织梦先生</a>
<script>
document.getElementById("image").href="/myimg.jpg";
document.getElementById("test").href="http://mrdede.com/";
</script>
</body>
</html>

原始图片是tulip.jpg，改变后的图片myimg.jpg。
a标签改变后的链接是http://mrdede.com/

二、引入jQuery方法改变a标签链接与图片src链接（应该是任意jQuery版本都可以，JS一定要在欲改变的源码之后加载）

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<body>
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<img id="image" src="/i/tulip.jpg" />
<a id="test" href="http://www.baidu.com/" target="_blank">织梦先生</a>
<script type="text/javascript">
    var w = $(document).width();
    if(w < 768){
        $('.image').attr('src','/myimg.com');
        $('.test').attr('href','http://mrdede.com');
        $(".test").text('百度');
    }
</script>
</body>
</html>

原始图片是tulip.jpg，改变后的图片myimg.jpg
a标签改变后的链接是http://mrdede.com/
原始文本是“织梦先生”，改变后文本是“百度”
其中加了判断，当前可使用屏幕宽度小于768时，改变图片链接、a标签链接和文本内容。