时间:2023-06-07 14:21:01 | 来源:网站运营
时间:2023-06-07 14:21:01 来源:网站运营
慕课网js入门笔记:document.write("hello");document.getElementById("p1").style.color="blue";
<script type="text/javascript"> document.write("开启JS之旅!");//js语句</script>
<script src="script.js"></script>
在script.js文件中直接写js代码语句;
<script type="text/javascript"> alert("hello!");</script>
例子中的alert("hello!");
就是一个JavaScript语句。";"
来表示语句的结束。<script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容</script>
多行注释以"/*"开始,以"*/"结束。<script type="text/javascript"> document.write("多行注释使用/*注释内容*/"); /* 多行注释 养成书写注释的良好习惯 */</script>
if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }
假设我们通过年龄来判断是否为成年人,如年龄大于等于18岁,是成年人,否则不是成年人。代码表示如下**:**<script type="text/javascript"> var myage = 18; if(myage>=18) //myage>=18是判断条件 { document.write("你是成年人。");} else //否则年龄小于18 { document.write("未满18岁,你不是成年人。");}</script>
function 函数名(){ 函数代码;}
说明:function add2(){ var sum = 3 + 2; alert(sum);}
函数调用:<script type="text/javascript"> var a = 'hello'; document.write(a+"<br>"); document.write('world');</script>
alert("字符串"); alert(变量名);
例如<script type="text/javascript"> alert("警告"); alert("第二条警告");</script>
confirm("str");
参数说明:str:在消息对话框中要显示的文本返回值: Boolean值
返回值:当用户点击"确定"按钮时,返回true当用户点击"取消"按钮时,返回false
注: 通过返回值可以判断用户点击了什么按钮<script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大,要学习噢!"); }</script>
prompt(str1,str2);str1: 要显示在消息对话框中的文本,不可修改str2:文本框中的内容,可以修改
返回值:1. 点击确定按钮,文本框中的内容将作为函数返回值2. 点击取消按钮,将返回nullvar myname = prompt("请输入姓名:");if(myname!=null) { alert("你好"+myname); }else { alert("你好我的朋友"); }
window.open('URL','窗口名称','参数字符串');窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
例如:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')</script>
window.close(); //关闭本窗口窗口对象.close();//关闭指定窗口例如<script style="text/javascript"> var newWindow = window.open('http://www.imooc.com'); newWindow.close();</script>
注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。document.getElementById("这里是id");var myId = document.getElementById("这里是id");document.write("id的标签是"+myId);
Object.innerHTML
Object.style.属性 = new style;Object是通过document.getElementById("id")获取的元素对象
Object.stytle.display = value ;value : none(不显示该元素) block(以块元素显示)
Object.className = 类名 ;
关键词:入门,笔记