js 入门

最新推荐文章于 2025-04-27 10:19:20 发布

error0318

最新推荐文章于 2025-04-27 10:19:20 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/error311/article/details/88591861

前端专栏收录该内容

10 篇文章

订阅专栏

博客介绍了JavaScript相关内容，在JS文件中无需<script>标签，可直接编写代码。还提及了confirm()、prompt()函数的用途，window.open()和close()用于打开和关闭窗口。此外，介绍了文档对象模型DOM，它定义了访问和处理HTML文档的标准方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.修改样式

<body>
  <p id="p1">我是第一段文字</p>
  <p id="p2">我是第二段文字</p>
  
  <script type="text/javascript">
	document.write("hello");
	document.getElementById("p1").style.color="blue";  // 修改id=p1的颜色为蓝色
  </script>
</body>

注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。

2.confirm() 函数确定或取消

 var mymessage=confirm("你是女士?")         ;
 if(mymessage==true){
   document.write("你是女士!");
 }
 else{
   document.write("你是男士!");
 }

3.prompt() 函数弹出消息对话框,通常用于询问一些需要与用户交互的信息。

function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("请输入你的成绩")               ;
	if(score>=60){
	   document.write("及格了!");
    }
    else{
       document.write("要努力了!");
	}
  }

4.window.open() 打开新窗口 close() 关闭窗口

 function Wopen(){
    window.open('http://www.imooc.com','width=600,height=400,menubar=no,left=0px,top=100')  
 } 

//调用
<input name="button" type="button" onClick="Wopen()" value="点击我，打开新窗口!" / >

5.文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。