码迷,mamicode.com
首页 > Web开发 > 详细

关于js入门篇

时间:2015-06-29 21:53:50      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

定义变量  

1. var 变量名;变量名=" ";

2. var 变量名=" ";

 

输出  

 document.write(变量名);

 

函数 

fuction 函数名(){

}

 

button中使用函数

<input type="button" value="使用函数" onclick="须使用函数名">;

 

alret警告

<script type="text/javascript">

function alret(){

var char="AAA"

alret(char);

}

</script>

<body>

<input type="button" value="警告" onclick="alret()">;

</body>

 

confirm确认

<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }
</script>

 

prompt提问

var myname=prompt("请输入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }

 

window.open 打开窗口
<script type="text/javascript">

window.open(‘网址‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes‘)
</script>

 

window.close关闭窗口

<script type="text/javascript">
var mywin=window.open(‘网址‘); //将新打的窗口对象,存储在变量mywin中
mywin.close();
</script>

通过ID获取元素

 document.getElementById(“id”) 

innerHTML 属性
Object.innerHTML
注意:1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。

 

改变 HTML 样式
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>

 

显示和隐藏(display属性)
Object.style.display = value;  (none-隐藏 block-显示)
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

 

控制类名(className 属性)
object.className = classname
作用:1.获取元素的class 属性  2. 为网页内的某个元素指定一个css样式来更改该元素的外观

 

 

技术分享


 

关于js入门篇

标签:

原文地址:http://www.cnblogs.com/tuanzi/p/4608420.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!