js初级

//js代码必须写在<script></script>标签内  一般写在<head>标签内

<script type=”text/javascript”>js代码</script>

//输出内容  最后要加上分号

Document.write(“哈哈哈”);

//根据id获取元素并设置样式的值

Document.getElementById(“控件的id”).style.color=”red”;

 

//Html中引用外部的js文件     script.js文件中就不用写<script>标签了,直接写js代码就可以了

<script src=”script.js”></script>

 

//Js注释

单行注释://  多行注释:/* */

 

//js变量

用var声明变量,例如var num = 1;  变量可以重复赋值:num=2;num=3;

变量名的规则:1.变量名必须使用字母或者下划线_开始  2.变量名必须使用英文字母、数字、下划线_组成  3.变量名不能使用JavaScript关键字与保留字

Js中的变量区分大小写的

 

//判断语句(if…else)

Var score = 80;

If(score>60)

{

  Document.Write(“合格了”);

}

Else

{

Document.write(“不合格”);

}

 

 

//定义函数

function 函数名(参数列表)

{

      //函数代码

alert("哈哈,调用函数了!");

}

 

 

//消息框  对话框   输入框

Var  msg=”哈哈哈”;

alert(msg);

//填出对话框  返回值是bool类型的

var b = confirm("你喜欢学习吗?");

if(b)

{

   alert("爱学习的是好孩子");

}

else

{

  alert("年轻人不学习可不行啊");

}

 //输入框把文本框中的值返回    输入框显示的标题,文本框默认值

var result = prompt("请输入您的姓名","张三");

if(result !=null)

{

 alert("你好"+result);

}

else

{

 alert("你好 朋友");

}

 

 

//打开新窗口  window.open(要打开窗口的路径或网址,窗口打开的方式,参数字符串);

window.open(‘http://www.baidu.com‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes‘);技术分享

 

//关闭窗口

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

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>close()</title>
<script type="text/javascript">
function f(){
var mywin=window.open("http://www.imooc.com"); //获得窗体对象
alert(‘ass‘);
mywin.close(); //关闭窗体对象
}
</script>
</head>
<body>
<input type=‘button‘ value = ‘sdsd‘ onclick=‘f()‘/>
</body>
</html>

 

 //DOM树 Document Object Model

//通过id获取元素

document.getElementById("id");

//innerHTML属性

innerHTML用来获取或替换HTML元素的内容

//获取元素 设置元素的样式

var obj = document.getElementById("id");

obj.style.color="red";

//显示和隐藏(display属性)

var obj = document.getElementById("id");

obj.style.display=‘none‘; // 元素不会被显示(隐藏起来了)

obj.style.display=‘block‘; // 元素以块级元素显示(显示出来)

//控制类名(className)

var obj = document.getElementById("id");

obj.className = ‘one‘; // 设置元素的class属性

var a = obj.className;//获取元素的class属性

//删除元素的样式

var obj = document.getElementById("id");

obj.removeAttribute(‘style‘);

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。