【笔记】老韩HTML中的24讲作业输出菱形

[code]
/*
* 2*1-1;
*** 2*2-1;
***** 2*3-1;
*******2*4-1;
*/
//菱形;
var n=window.prompt("请输入一个整数:");
//菱形上半部分;
for (var i=1; i<=n; i++){
for(var j =1;j<=n-i;j++){
document.write("&nbsp");
}
for(var j=1; j<=2*i-1;j++){
document.write("*");
}
for(var j=1;j<=n-i; j++){
document.write(" ");
}
document.write("<br/>");
}
//菱形下半部分;
for (var i=1;i<=n;i++){
for (var j=1; j<=i;j++){
document.write("&nbsp");
}
for (var j=1; j<=2*n-1-2*i;j++){
document.write("*");
}
document.write("<br />");
}
[/code]
参考资料1:http://blog.csdn.net/wenximalong/article/details/8224891
参考资料2:http://blog.csdn.net/wenximalong/article/details/8228330

【笔记】javascript使用按钮新窗口打开网站的五种写法

使用javascript的按钮在新窗口打开网页的写法有好几种,今天在慕课网学的时候自己想到了一种思路,然后又学习了几种比较有意思的写法。权当学习笔记了,以便往后查阅。
[code lang="js"]<script type="text/javascript">
function openWindow(){//方法一
if(confirm("Are you sure you want to open a new window?")){
var newwindow = prompt("Enter your website:","http://www.yukisa.com");
window.open(newwindow,'_blank','width=400','height=500','menubar=no','toolbar=no');
}
}
function openWindow(){//方法二
var abc = confirm("Are you sure you want to open a new window?");
if(abc==true){
var bcd = prompt("Enter your website:",'http://www.yukisa.com');
}
window.open(bcd,'width=400','_blank','height=500','menubar=no','toolbar=no');
}
function openWindow(){//方法三
var liu = confirm("are you sure open a new window?")
if(liu==true){
window.open('http://www.yukisa.com','_blank','width=100','height=100','meunbar=no','toolbar=np');
}

}
function openWindow(){//方法四
var abc = confirm("are you sure open a new window?")
if(abc==true)
var url=prompt("Enter your website","http://www.yukisa.com");
window.open("http://www."+url,'_blank','width=50','height=50','meunbar=no','toolbar=np');
}
function openWindow(){//方法五
var message;
var add;
message = confirm("are you sure open a new window?")
if(message==true){
add = prompt("Plese enter your website:","http://www.yukisa.com");
window.open(add,'width=50','height=50','meunbar=no','toolbar=np');
}
}
</script>[/code]
五种不同的写法,但效果都是相同的,通过一个按钮来调用openWindow()函数,实现网页的打开。

需要记住的是confirm()函数,用于显示一个带有指定消息和 OK 及取消按钮的对话框。如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。
还有一个prompt()函数,用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

【JS/jQuery】JQuery 小练习(实例代码)

文章转载自脚本之家

1、按钮倒数10秒之后才能点击。这个效果一般在一些论坛注册时候用到比较多,废话少说,直接上代码:

复制代码 代码如下:
<!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>
<title></title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
var timeOut;
var count = 10;
$(function() {
$("#btnSubmit").attr("disabled", "disabled");
$("#btnSubmit").val("确(" + count.toString() + ")定");
timeOut = setTimeout(ButtonCount, 1000);
});
ButtonCount = function() {
if (count == 0) {
$("#btnSubmit").attr("disabled", "");
$("#btnSubmit").val("确 定");
clearTimeout(timeOut);
}
else {
count--;
$("#btnSubmit").attr("disabled", "disabled");
$("#btnSubmit").val("确(" + count.toString() + ")定");
setTimeout(ButtonCount, 1000);
}
}
</script>
</head>
<body>
<input type="button" value="确 定" id="btnSubmit" />
</body>
</html>

2、即点即改,这个效果一个多月前还没有学jquery时觉得好酷,现在觉得其实也非常简单的东西,可以看出jquery在前端效果上大大简化了编写难度,代码如下:

复制代码 代码如下:
<!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>
<title></title>
<style type="text/css">
.caneditBg
{
background-color:Gray;
}
</style>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".canedit").each(function() {
$(this).bind("dblclick", function() {
var html = $(this).html();
var textarea = "<textarea name='temTextarea' id='temTextarea' onblur='saveText(this)' >" + html + "</textarea>";
$(this).empty().html(textarea);
});
$(this).mouseenter(function() { $(this).addClass("caneditBg") }).mouseleave(function() { $(this).removeClass("caneditBg") });
});
});
saveText = function(o) {
var text = $(o).val();
$(o).parent().empty().html(text);
}
</script>
</head>
<body>
<div class="canedit">
即点即改!
</div>
<div>
</div>
</body>
</html>

以上代码只需要直接copy到html文件,并且保证导入jquery.js文件无错,就可以运行。