function rec(){ var score; //score变量，用来存储用户输入的成绩值。 score = prompt("请输入你的成绩","90"); if(score>=90){ document.write("你很棒!"); }else if(score>=75){ document.write("不错吆!"); }else if(score>=60){ document.write("要加油!"); }else{ document.write("要努力了!"); }; } ;
<script> var myName = prompt("输入您的名字"); if(myName != null && myName != ""){ document.write("welcom to" + myName); }else{ document.write("welcom to my friend"); } </script>
打开新窗口（window.open）
语法：
window.open([URL], [窗口名称], [参数字符串])
参数说明:
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2.窗口名称：可选,该字符串是一个由逗号分隔的特征列表，声明了被打开窗口的名称。可以
是"_top"、"_blank"、"_selft"、"_parent"等。
_blank 在新窗口显示目标网页
_selft 在当前窗口显示目标网页
_parent 框架网页中当前整个窗口位置显示目标网页
_top 框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
参数表：
top Number 窗口顶部离开屏幕顶部的像素数
left Number 窗口左端离开屏幕左端的像素数
width Number 窗口的宽度
height Number 窗口的高度
menubar yes,no 窗口有没有菜单
toolbar yes,no 窗口有没有工具条
scrollbars yes,no 窗口有没有滚动条
status yes,no 窗口有没有状态栏
<script type="text/javascript"> window.open('http://','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>
关闭窗口（window.close）
close()关闭窗口
用法：
1 window.close();//关闭本窗口 2 <窗口对象>.close();//关闭指定的窗口
例如:关闭新建的窗口。
1 <script type="text/javascript"> 2 var mywin=window.open('https://www.jb51.net'); //将新打的窗口对象，存储在变量mywin中 3 mywin.close(); 4 </script>
innerHTML属性
innerHTML属性用于获取或替换HTML元素的内容。
语法：
Object.innerHTML
Object是获取的元素对象，如通过document.getElementById("ID")获取元素。
<h2>javascript</H2>
<script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="hello world" document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script>
改变HTML样式
语法：
Object.style.property=new style;
注意：Object是获取的元素对象，如通过document.getElementById("id")获取的元素
<h2>I love JavaScript</h2>
<script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.background="#ccc"; mychar.style.width="300px"; </script>
显示和隐藏（display属性）
语法：
Object.style.display = value
value值：
none 此元素不会被显示（及隐藏）
block 此元素将显示为块级元素（即显示）
mychar.style.display = "block"
控制类名（className属性）
className属性设置或返回元素的class属性。
语法：
object.className = classname
作用：
1、获取元素的class属性
2、为网页内的某个元素指定一个css样式来更改该元素的外观
p2.className = "two";
以上这篇Javascript基础学习笔记(菜鸟必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: