js初学笔记(三)
2016-03-30 20:55
459 查看
函数、判断、链接
-----------------------------------------------------------------------
<head>
<script>
function showHide(){
var oDiv = document.getElementById('div1');
if(oDiv.style.display == 'block'){//判断如果是显示的时候隐藏
oDiv.style.display == 'none';
}
else{ //否则显示
oDiv.style.display == 'block';
}
}
</script>
</head>
<body>
<input type = "button" value = "显示隐藏" onclick = "showHide()" />
<div id = "div1">
</div>
</body>
----------------------------------------------------------------------
<!-- a链接js-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a href="javascript:alert('a');">链接</a>
</body>
</html>
---------------------------------------------------------------------
className 的用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{
width: 100px;
height: 100px;
border: 1px solid black;
}
.box{
background: red;
}
</style>
<script>
function toRed()
{
var oDiv = document.getElementById('div1');
oDiv.className = 'box';
}
</script>
</head>
<body>
<input type="button" value="变红" onclick="toRed()" />
<div id="div1">
</div>
</body>
</html>
-------------------------------------------------------------------------
-----------------------------------------------------------------------
<head>
<script>
function showHide(){
var oDiv = document.getElementById('div1');
if(oDiv.style.display == 'block'){//判断如果是显示的时候隐藏
oDiv.style.display == 'none';
}
else{ //否则显示
oDiv.style.display == 'block';
}
}
</script>
</head>
<body>
<input type = "button" value = "显示隐藏" onclick = "showHide()" />
<div id = "div1">
</div>
</body>
----------------------------------------------------------------------
<!-- a链接js-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a href="javascript:alert('a');">链接</a>
</body>
</html>
---------------------------------------------------------------------
className 的用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{
width: 100px;
height: 100px;
border: 1px solid black;
}
.box{
background: red;
}
</style>
<script>
function toRed()
{
var oDiv = document.getElementById('div1');
oDiv.className = 'box';
}
</script>
</head>
<body>
<input type="button" value="变红" onclick="toRed()" />
<div id="div1">
</div>
</body>
</html>
-------------------------------------------------------------------------
相关文章推荐
- 【JavaScript】基础知识整理(三)
- 实用代码片段--Javascript
- js 返回前一页并刷新页面方法
- JSF学习四 标签
- javascript之原型和原型链
- 27、extjs操作用友华表Cell之合并单元格
- HTML与JSP
- 1-2-JS基础-属性操作实例
- 【JSP】简单登陆界面
- JavaScript关于对象的总结
- 解析加密后的js
- js操作svg旋转
- 学习ExtJS的MVC布局
- jsonp跨域访问问题
- Gson,Fast-Json解析 Demo
- Javascript 优化项目代码技巧之语言基础(二)
- jsp页面用el表达式获取枚举的code
- extjs1
- js的闭包和this
- 【 D3.js 入门系列 — 0 】 简介和安装