慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕仔7348641

点击弹框查询输入框：
prompt();

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-05-03
慕仔7348641

点击弹框出现输入框：
prompt();

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-05-03
同一天空下的不同人生

<!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=utf-8" />
<title>测试</title>
<script type="text/javascript">

function openWdown(){
var aa=confirm("是否打开新窗口？");
// 新窗口打开时弹出确认框，是否打开

if(aa==true){
var mytest=prompt("是否打开如下网址","http://www.baidu.com");
if(mytest!=null){
window.open('http://www.baidu.com','_blank','height=200,width=400,top=100,left=0');
}
else{
alert("网页打开失败");
}
}
else{
alert("不打开新窗口");
}

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

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

}

</script>
</head>
<body>
<input type="button" name="first" value="进入" onclick="openWdown()"/>
</body>
</html>

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-05-02
1400310129

学习很深刻，JS的掌握还是很重要的

查看全部

0 采集收起来源：编程挑战
2018-05-02
慕粉1233333

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
height:400px;
width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
<h2 id="con">JavaScript课程</H2>
<div id="txt">
<h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
<p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>
<p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
<p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
</div>
<form>

<input type="button" value="改变颜色" onclick = "changeColor()"/>
<input type="button" value="改变宽高" onclick = "changeWH()">
<input type="button" value="隐藏内容" onclick = "hidetext()">
<input type="button" value="显示内容" onclick = "showtext()">
<input type="button" value="取消设置" onclick = "Unset()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var myh = document.getElementById("con");
var mydiv = document.getElementById("txt");
function changeColor(){
mydiv.style.color = "red";
mydiv.style.backgroundColor = "#CCC";
}

//定义"改变宽高"的函数
function changeWH(){
mydiv.style.width = "400px";
mydiv.style.height = "500px";
}

//定义"隐藏内容"的函数
function hidetext(){
mydiv.style.display = "none";
}

//定义"显示内容"的函数
function showtext(){
mydiv.style.display = "block";
}

//定义"取消设置"的函数
function Unset(){
var x = confirm("是否取消设置？");
if (x==true)
{
document.getElementById('txt').removeAttribute('style');

}
}
</script>
</body>
</html>

查看全部

0 采集收起来源：编程挑战
2018-05-02
慕粉1233333

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
body{ font-size:16px;}
.one{
border:1px solid #eee;
width:230px;
height:50px;
background:#ccc;
color:red;
}
.two{
border:1px solid #ccc;
width:230px;
height:50px;
background:#9CF;
color:blue;
}
</style>
</head>
<body>
<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="添加样式" onclick="add()"/>
<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="更改外观" onclick="modify()"/>

<script type="text/javascript">
function add(){
var p1 = document.getElementById("p1");
p1.className = "one";
}
function modify(){
var p2 = document.getElementById("p2");
p2.className = "two";
}
</script>
</body>
</html>

查看全部

0 采集收起来源：控制类名（className 属性）
2018-05-02
刚刚就很帅

var my=document.getElementById("");
my.removeAttribute('style');
取消一切的操作，恢复到初始状态。

查看全部

0 采集收起来源：编程挑战
2018-05-02
慕粉1233333

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function openWindow()
{
var y=confirm('是否打开网站');
if (y == true)
{
// 新窗口打开时弹出确认框，是否打开
var url=prompt('输入你要打开的站点：','http://www.imooc.com');
// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/


window.open(url,'__blank','weight=400,height=500,menubar=no,toolbar=no');
//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
}
else
{
null
}
}

</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>

查看全部

1 采集收起来源：编程练习
2018-05-02
水之鱼

function openWindow(){
var open=confirm("新窗口打开网站");
if(open){
var open1 =prompt('请输入要打开的网址','http://www.imooc.com/')
if(open1){
window.open(open1,'width=400,height=500,menubar=no,toolbar=no');
}
else{
alert("请输入网址！");
}
}
else{
alert("不打开算了！");
}
}

查看全部

0 采集收起来源：编程练习
2018-05-02
phper_Wang

JavaScript 打开一个新窗口(window.open)
语法： window.open([URL],[窗口名称],[参数字符串])
参数说明：
URL：可选参数，显示网页地址或路径。省略这个参数，或者是空，那么窗口将不显示任何文档。
窗口名称：可选参数，被打开的窗口名称。
1.由字母、数字、下划线字符组成。
2.“_top”框架网页上部窗口“_blank”"_self"具有特殊意义的名称

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-05-02
qq_鱼七_9

1

查看全部

0 采集收起来源：编程挑战
2018-05-02
野生java小菜鸡

<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-05-02
野生java小菜鸡

javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2018-05-02
野生java小菜鸡

js里面感叹号显示：document.write can be a form of eval？？？
//请写入JS代码
document.write("引用JS文件!");

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-05-02
慕粉2015329255

JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。
<script src="script.js"></script>

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-05-02