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