最近动态

学习笔记

Javascript:向表格添加或删除一行(转载)

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
33
34
35
36
37
<html>
<head>
<title>title</title>
<script type="text/javascript">
function delIndex(obj) {
var rowIndex = obj.parentNode.parentNode.rowIndex;//获得行下标
alert(rowIndex);
var tb = document.getElementById("tb");
tb.deleteRow(rowIndex);//删除当前行
add(rowIndex);//在当前行插入一行
}
function add(rowIndex) {
var tb = document.getElementById("tb");
if (rowIndex == "-1") {
rowIndex = tb.rows.length;//默认在末尾插入一行
}
var row = tb.insertRow(rowIndex);//在表格的指定插入一行
var c1 = row.insertCell(0);
c1.innerHTML = "new" + rowIndex;
var c2 = row.insertCell(1);
c2.innerHTML = '<a href="javascript:void(0)" onclick="delIndex(this)">删除</a>';
}
</script>
</head>
<body>
<input type="button" value="添加一行" onclick="add('-1')" ><input type="button" value="删除选中项" onclick="del()" />
<table id="tb">
<tr><td>1</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>2</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>3</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>4</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>5</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>6</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>7</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
</table>
</body>
</html>

阅读剩下更多

默认配图
学习笔记

js&javascript js单击&事件修改html&body元素内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
function myFunction()
{
document.getElementById("demo"); // 找到元素
document.getElementById("demo").innerHTML="Hello JavaScript!"; // 改变内容
}
function myFunction1()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="JavaScript 能改变 HTML 元素的内容。"; // 改变内容
}

</script>

<button type="button" onclick="myFunction()">点击这里</button>
<button type="button" onclick="myFunction1()">点击这里</button>

阅读剩下更多

默认配图
学习笔记

网页特殊符号HTML代码大全

HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。

字符 实体 字符 实体 字符 实体 字符 实体
´ &acute; © &copy; > &gt; µ &micro;
& &amp; ° &deg; ¡ &iexcl; &nbsp;
¦ &brvbar; ÷ &divide; ¿ &iquest; ¬ &not;
§ &sect; &bull; ½ &frac12; « &laquo;
&para; ¨ &uml; § &sect; &bull;
½ &frac12; « &laquo; &para; ¨ &uml;
¸ &cedil; ¼ &frac14; < &lt; ± &plusmn;
× &times; ¢ &cent; ¾ &frac34; ¯ &macr;
&quot; &trade; &euro; £ &pound;
¥ &yen; &bdquo; &hellip; · &middot;
&rsaquo; ª &ordf; ˆ &circ; &ldquo;
&mdash; &rsquo; º &ordm; &dagger;
&lsaquo; &ndash; &sbquo; &rdquo;
&Dagger; &lsquo; &permil; ­ &shy;
˜ &tilde; &asymp; &frasl; &larr;
&part; &spades; &cap; &ge;
&le; &Prime; &sum; &clubs;
&harr; &loz; &prime; &uarr;
&darr; &hearts; &minus; &prod;
&zwj; &diams; &infin; &ne;
&radic; &zwnj; &equiv; &int;
&oline; &rarr; α &alpha; η &eta;
μ &mu; π &pi; θ &theta; β &beta;
γ &gamma; ν &nu; ψ &psi; υ &upsilon;
χ &chi; ι &iota; ω &omega; ρ &rho;
ξ &xi; δ &delta; κ &kappa; ο &omicron;
σ &sigma; ζ &zeta; ε &epsilon; λ &lambda;
φ &phi; τ &tau; Α &Alpha; Η &Eta;
Μ &Mu; Π &Pi; Θ &Theta; Β &Beta;
Γ &Gamma; Ν &Nu; Ψ &Psi; Υ &Upsilon;
Χ &Chi; Ι &Iota; Ω &Omega; Ρ &Rho;
Ξ &Xi; Δ &Delta; Κ &Kappa; Ο &Omicron;
Σ &Sigma; Ζ &Zeta; Ε &Epsilon; Λ &Lambda;
Φ &Phi; Τ &Tau; ς &sigmaf;

HTML常用特殊字符:只要你认识了 HTML 标记,你便会知道特殊字符的用处。

HTML原代码 显示结果 描述
&lt; < 小于号或显示标记
&gt; > 大于号或显示标记
&amp; & 可用于显示其它特殊字符
&quot; 引号
&reg; ® 已注册
&copy; © 版权
&trade; 商标
&ensp; 半个空白位
&emsp; 一个空白位
&nbsp; 不断行的空白

阅读剩下更多

默认配图
学习笔记

JS实现同时提交多个form基础方法

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
<script language="javascript">
//点击提交按钮触发下面的函数
function submitit(){

//第一个表单
var tform1= document.getElementById("formid1");

//第二个表单
var tform2= document.getElementById("formid2");

//提交第一个表单
tform1.submit();

//提交第二个表单
tform2.submit();
} </script>
表单1
<form id="formid1" action="#" method="post" name="formed">
<input name="tname" type="text" value="张三" />
</form>
表单2
<form id="formid2" action="#" method="post" name="formed">
<input name="tname" type="text" value="李四" />
<input type="button" value="提交" onClick="javascript:submitit();" />
</form>

阅读剩下更多

默认配图
学习笔记

弹出层-表单填写js实现

点击打开效果

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!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:#f8f8f8;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>

阅读剩下更多

默认配图
学习笔记

mac(Linux)下批改mysql服务器的默认字符集为utf8

在终端操作数据库:
mysql> show variables like ‘%char%’;
+————————–+——————————————————–+
| Variable_name | Value |
+————————–+——————————————————–+
| character_set_client | utf8 |
| character_set_connection | utf8 |
| character_set_database | latin1 |
| character_set_filesystem | binary |
| character_set_results | utf8 |
| character_set_server | latin1 |
| character_set_system | utf8 |
| character_sets_dir | /usr/local/mysql-5.6.19-osx10.7-x86_64/share/charsets/ |
+————————–+——————————————————–+
这里可以看见 character_set_database 和 character_set_server 都是默认的latin1,这就表明创建的数据库和表都是以latin1为字符集的,在这种情况下,无法正常使用中文! 下面简单说一下怎么更改这个默认字符集:
1.将本地mysql目录中的支持文件my-xxxx.cnf copy到/etc/my.cnf 命令:( sudo cp /usr/local/mysql/support-files/my-default.cnf /etc/my.cnf )
2.编辑my.cnf 命令(sudo vi /etc/my.cnf )
3.在文件中添加两段代码:“括号中没有的自己补上”
在[client]部分加入:
default-character-set = utf8
在[mysqld]部分加入:
character-set-server = utf8
4.重启mysql;
(提示,如果重启失败,尝试将[client]下面的default-character-set=utf8改成[mysqld]中的一样)

然后就可以查看字符集是否修改成功了,登录mysql 命令查询:
mysql> show variables like ‘%char%’;
+————————–+——————————————————–+
| Variable_name | Value |
+————————–+——————————————————–+
| character_set_client | utf8 |
| character_set_connection | utf8 |
| character_set_database | utf8 |
| character_set_filesystem | binary |
| character_set_results | utf8 |
| character_set_server | utf8 |
| character_set_system | utf8 |
| character_sets_dir | /usr/local/mysql-5.6.19-osx10.7-x86_64/share/charsets/ |
+————————–+——————————————————–+
8 rows in set (0.00 sec)
这样就成功了。

阅读剩下更多

默认配图
编程语言

Javascript中write的注意事项

在网页的学习中,需要利用js向页面写入文字,此时需要用到document.write();

但是,使用这个方法的时候需要注意,如果在页面都加载完成后调用这个方法,将会导致之前的内容全被它给覆盖重写。

例如:

<html>

<head>

<script type=”text/javascript”>

function myfunction(txt)

{

document.write(txt);

}

</script>

</head>

<body>

<form>

<input type=”button” onclick=”myfunction(‘哎呀!我赢了!你们都不见啦,哈哈!’)” value=”点我试试!”>

</form>

<p>通过点击这个按钮,可以调用一个函数。该函数会输出传递给它的参数。 此时所有内容被重写!</p>

</body>

</html>

阅读剩下更多

默认配图
学习笔记

如何让局域网(内网)服务器被广域网用户访问

随着IPv4的资源逐渐耗尽而新的IPv6还未被广泛使用,多用户公用同一广域IP成为了一个很好的解决办法,这种方法就类似于我们每个家庭使用的路由器,连接到同一个路由器的计算机或者手机都是同用一个广域网IP,路由器给连接到的每台设备都分配一个内网IP,内网用户可以通过广域网IP访问互联网中的服务器,但是互联网中的其他用户无法通过这个广域IP直接访问到内网的设备,因为内网中的服务器和互联网全部都通过同一个广域IP进行通信。要想使内网的服务器被互联网访问,那么需要做的就是端口映射!

如何进行映射?用家用路由器来做个简单的教程吧。

首先,我们需要登录路由器管理页面,在左边选择“虚拟服务器”-“端口映射”,这时右边出来一个映射表,把你内网中服务器的ip地址和对应的端口填入表中,选择启用,然后保存,重启路由器,路由器的配置就完成了。配置如下图所示:

QQ20140706-1
现在我们来测试一下能否通过广域ip来进行访问这台服务器,注意:不可以在这台服务器上测试,因为不用映射也能访问!(不多解释)

访问的时候记得带上端口号,如果是80端口的话可以省略。

QQ20140706-2
上图是成功的案例,通过广域ip+对应端口号成功访问到我们内网中ip为192.168.0.6的服务器。

阅读剩下更多

默认配图
学习笔记

利用js在dedecms标签内插入图片

加入javascript函数代码:

<script>

function gettempletsurl(string){

document.write(“<img src=\”{dede:global.cfg_basehost/}{dede:global.cfg_templets_skin/}/“+string+”\” />”);

}

</script>
在需要插入图片的地方插入一下代码:
<script>

gettempletsurl(“images/right-arrow.jpg”); //引号内写默认模版下的图片路径

</script>
 
这种利用javascript插入图片的方法完美解决了在dedecms中标签嵌套无法插入图片的问题!

阅读剩下更多

默认配图
学习笔记

MySQL常用命令

连接MySQL数据库:

mysql -h host -u user -p

1.SHOW DATABASES; 查询已有的数据库

2.USE DatabaseName; 使用某个数据库

3.SHOW TABLES; 查询已有的表单;

4.SELECT * FROM TableName; 检索表单所有数据(*代表所有,可用字段名替代)

5.CREATE TABLE TableName (Id INT, Name VARCHAR(20)); 创建一个表

6.DESCRIBE TableName; 显示表的结构

7.INSERT INTO TableName VALUES (2014,”Jack”);向表中添加记录
INSERT INTO TableName (Id,Name) VALUES (2014,”Jack”);

8.DROP TABLE TableName; 删除表

9.DELATE FROM TableName; 清空表

10.UPDATE TableName set Name=”Tom” where Id=2014;更新表中数据

阅读剩下更多

默认配图
返回顶部