javascript入门基础（mooc笔记）

来源：互联网发布：做表情包软件编辑：程序博客网时间：2024/06/05 14:41

1.在html中插入javascript代码：在body前插入成对的<script type=”text/javascript”></script>标签之后在标签的中间插入javascript的代码

2.Javascript的代码放在body或者head中都可以如果是放在head中就先解析javascript的代码然后再解析其他代码放在body的其他地方则读取到这段代码的时候才解析

3.将js代码和html代码分开写 html代码中只需要写出javascript的出处：<script src=”文件放置的地方”></script> 而javascript文件就只负责代码部分并且不需要script标签

4.Confirm确认窗口

var mymessage=confirm("你喜欢JavaScript吗?");

if(mymessage==true)

{ document.write("很好,加油!"); }

else

{ document.write("JS功能强大，要学习噢!"); }

</script>

5.prompt 消息对话框

var myname=prompt("请输入你的姓名:");

if(myname!=null)

{ alert("你好"+myname); }

else

{ alert("你好 my friend."); }

6.打开新窗口 window.open

Window.open(<URL>, <窗口名称>, <参数字符串>)

参数说明:

URL：打开窗口的网址或路径。

窗口名称：被打开窗口的名称。

可以是"_top"、"_blank"、"_selft"等。

参数字符串：设置窗口参数，各参数用逗号隔开。

当参数没有得到响应的时候可以尝试换个浏览器来试试

7.关闭窗口（window.close）

用法：

window.close(); //关闭本窗口

或

<窗口对象>.close(); //关闭指定的窗口

例如:关闭新建的窗口。

var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中

mywin.close();

</script>

编程练习

1、新窗口打开时弹出确认框，是否打开

提示:使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。

2、通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/

3、打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

// 新窗口打开时弹出确认框，是否打开

// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/

//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

function openWindow(){

// 新窗口打开时弹出确认框，是否打开

var open=confirm("确认打开新窗口");

if(open==true){

var site=prompt("输入想要打开的网址");

window.open(site,'_blank','width=400,height=500,menubar=no,toolbar=no');

}

else{

document.write("错误的输入");}

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

1.通过ID获取元素

document.getElementById(“id”)

注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

2.innerHTML属性：获取或替换HTML的内容

var mychar=document.getElementById("con"); ;

document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

mychar.innerHTML="hahahaha";

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

0 0