慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕盖茨0059840

1。直接输出内容
<script type="text/JavaScript">
document.write("Hello World");
</script>
2。输出变量
<script type="text/JavaScript">
var mysister="Hello World";
document.write(mysister);
</script>
3。输出多种内容
<script type="text/JavaScript">
var mysis="一个";
document.write("我有"+mysis+"梦想");
</script>
4。输出标签并起作用
<script type="text/JavaScript">
document.write("Hello World"+"<br/>");
</script>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-04-09
慕仰6408115

alert（内容）输出只有一个确定按钮，不会有操作
document.write(内容)输出
confirm(内容)会有返回值，两个按钮，确定和取消，确定返回true
prompt（内容1，内容2）会有返回值，内容1是显示的固定内容，内容2是手动输入的内容，有两个按钮，确定和取消，确定按钮输入的文本框内容将作为返回值，取消按钮会返回null

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-04-09
Hoa_Tung

警告窗口对话框
alert（字符串或者变量）

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2018-04-09

Hoa_Tung

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

第一种:输出内容用""括起，直接输出""号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</script>

第二种:通过变量，输出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名，输出变量存储的内容。</script>

第三种:输出多项内容，内容之间用+号连接。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接</script>

第四种:输出HTML标签，并起作用，标签使用""括起来。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");
</script>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）

2018-04-09

Hookjover

function getRandomColor(){
var rgb='rgb('+Math.floor(Math.random()*255)+','
+Math.floor(Math.random()*255)+','
+Math.floor(Math.random()*255)+')';
return rgb;
}//定义"随机颜色"的函数
function changecolor(){
var mychar=document.getElementById("txt");
mychar.style.color=getRandomColor();
}//定义"改变颜色"的函数
function changewh(){
var mychar=document.getElementById("txt");
mychar.style.width=Math.floor(Math.random()*500)+"px";
mychar.style.height=Math.floor(Math.random()*500)+"px";
}//定义"改变宽高"的函数
function hidectx(){
var mychar=document.getElementById("txt");
mychar.style.display="none";
}//定义"隐藏内容"的函数
function showctx(){
var mychar=document.getElementById("txt");
mychar.style.display="block";
}//定义"显示内容"的函数
function cancelsetting(){
var mychar=document.getElementById("txt");
var cancel=confirm("确定取消？");
if(cancel){
mychar.removeAttribute("style");
/* mychar.style.color="black";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";*/
}else{}
}//定义"取消设置"的函数

查看全部

1 采集收起来源：编程挑战
2018-04-09
慕小大姐

window.open('网址或者路径'，“_blank或者_top或者_self”,'menubar菜单栏，toolbar工具栏，scrollbar滚动条，status状态栏，top=，height=，width=，left=')

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-04-09
慕小大姐

confirm("弹框要显示的内容，是一个问句，如你是男生么？你好么？")
弹窗除了内容，还有有个按钮，确定和取消

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-04-09
肯威

变量 =prompt("XXXXXXX");

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-04-09
肯威

<script type="text/javascript">
</script>

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-04-09
肯威

document.write("XXXXX");
document.getElementById("XXXXX").style.color="colors";

查看全部

0 采集收起来源：为什么学习JavaScript
2018-04-09
旧城24

注意：在右边编辑器中有html文件和script.js文件
1.index.html文件中的第6行使用
<script src="script.js"></script>代码引用script.js文件。
2.现在在script.js文件中写入document.write("引用JS文件!"); ，JS代码就直接运行了。

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-04-09
慕仔8308167
var mystr="我是";
var mychar="JavaScript";
doument.write(mychar+"<br>");
doument.write(mystr+mychar+"的忠实粉丝!");
查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-04-08
刀不磨要生锈

<!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 = "cgColor()">
<input type="button" value="改变宽高" onclick = "cgSize()">
<input type="button" value="隐藏内容" onclick = "cgNone()">
<input type="button" value="显示内容" onclick = "cgBlock()">
<input type="button" value="取消设置" onclick = "cgCancel()">
</form>
<script type="text/javascript">
var mydiv = document.getElementById("txt");
//定义"改变颜色"的函数
function cgColor(){
mydiv.style.color="blue";
mydiv.style.backgroundColor="#ccc";
}

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

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

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

//定义"取消设置"的函数
function cgCancel(){
var cancel = confirm("是否确定取消设置！");
if(cancel==true){
mydiv.removeAttribute("style");
}

}

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

查看全部

0 采集收起来源：编程挑战
2018-04-08
Hoa_Tung
```
function 函数名(){
     函数代码;
}
```
说明:
1. function定义函数的关键字。
2. "函数名"你为函数取的名字。
3. "函数代码"替换为完成特定功能的代码。
我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字：“add2”，代码如下：
```
function add2(){
   var sum = 3 + 2;
   alert(sum);
}
```
函数调用:
函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了
add2( ); //调用函数，直接写函数名
<input type="button" value="点击" onclick="add2();">//单机按钮后调用函数
查看全部

0 采集收起来源：JavaScript-什么是函数
2018-04-08
慕小大姐

变量要先声明再赋值
变量可以重复赋值
变量区分大小写

查看全部

0 采集收起来源：JavaScript-什么是变量
2018-04-08

首页上一页 558 559 560 561 562 563 564 下一页尾页

0/150

提交

取消

开始学习

课程须知: 该课程是针对新手的一个简单基础的课程，让您快速了解JS，通过一些简单的代码编写体会JS。如果您已经对JS有所了解，可以跳过本课程，学习JS进阶课程，进一步学习JS相应的基础知识。学习本课程，希望您至少具备HTML/CSS基础知识，认识常用的标签。

老师告诉你能学到什么？: 1. 理解JavaScript基础语法； 2. 掌握常用语句的使用方法； 3. 学会如何获取DOM元素及进行简单操作。