js的三种输出方式

最新推荐文章于 2024-05-05 22:36:39 发布
最新推荐文章于 2024-05-05 22:36:39 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： 题库 HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44537655/article/details/97560482
版权
本文介绍了JavaScript中常用的三种输出方式：1) 使用window.alert()弹窗显示；2) 通过document.write()将内容写入HTML文档；3) 利用console系列语句输出到浏览器控制台，适用于开发阶段调试。
摘要由CSDN通过智能技术生成

1.window.alert(); 弹窗语句输出

例子：

<script type="text/javascript">
        window.alert("hello");
        alert("hello word");
</script>

输出结果：

说明：

window.alert() 可以把小括号里的内容，以弹窗的方式显示出来，这些内容需要用一对单引号或一对双引号引用起来；

因window是BOM对象，指的是整个浏览器，可以省略不写。

2. document.write();语句输出

document.write()方法：可以将内容直接写到html文档中，在页面上输出

例子：


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  无关痛痒...
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
JavaScript的三种输出方法

				
			

			

				

					m0_67537370的博客
				

				

					03-10
					
					5032
					
				

			

		

		

			
				
第 1 种：弹出对话框模式

通过 alert() 函数弹出对话框，这是最常用的方式。在 script 标签下，调用 window.alert() 函数，括号内填入输出的内容。





<!DOCTYPE html> 
	<html> 
	<body> 
	<script> 
	window.alert("Hello,World!"); 
	</script> 
	</body> 
	</html> 
第 2 种：控制台模

			
		

	



                

              
                



	

		

			

				
					
JS几种不同的输出方式

				
			

			

				

					月_YUE的博客
				

				

					07-16
					
					550
					
				

			

		

		

			
				
JS中不同的输出方式
1.弹窗方式输出
window.alert('弹窗方式输出');

弹窗方式显示是一种阻断式的输出方式，只有点击确定按钮，才能继续该语句下面的内容
以“alert（）”方式弹窗的效果，只有一个确定按钮，一般情况下是用来给用户提示的
2.控制台输出
console.log('控制台输出');
console.warn('这是一个警告！');
console.error('这是一个错误！');

一般情况下用于开发人员调试
3.向body中输出一个内容
document.write('bo

			
		

	



                


  
              

                


	

		

			

				
					
JS基础：输出信息的5种方式详解

					
最新发布

				
			

			

				

					u013179804的博客
				

				

					05-05
					
					1242
					
				

			

		

		

			
				
在 JavaScript 中，有多种输出方案可以将我们想要的信息展示给用户。就像我们有不同的方式来表达自己的想法一样。下面让我们来详细了解一下5种常见的输出方案，以及它们的适用场景吧。

			
		

	





	

		

			

				
					
JavaScript的输出方式大全

				
			

			

				

					dany的博客
				

				

					09-20
					
					4618
					
				

			

		

		

			
				
JavaScript输出大全
我总结的javascript输出工具以及用法和解释，宝子们 ，快快拿去把~~

			
		

	



		

			
		



	

		

			

				
					
JS 的三种输出方式

				
			

			

				

					Ax3_28的博客
				

				

					03-29
					
					1784
					
				

			

		

		

			
				
alert() 语句：可以输出警告框。具有弹框效果。

			
		

	





	

		

			

				
					
JS输入输出语句

				
			

			

				

					m0_74175160的博客
				

				

					03-19
					
					795
					
				

			

		

		

			
				
另外需要特别注意的一点是，document. write.或 document.writeln 向 HTML. 文档写入内容时,会覆盖掉文档里面已经被渲染完成的元素，所以通常用这些方法来调试页面，在真实的网页使用中很少会使用中该方法向页面中输入内容，而是选择下面第3种方式。(4)使用 console. log()写入浏览器的控制台。在湖览器中(Chome、IE.Firefox) F12键启用调试模式，在调试窗口中单击“Consale(控制台) ”菜单即可。/*在JavaScript中，使用//或/* */

			
		

	





	

		

			

				
					
node运行js获得输出的三种方式示例详解

				
			

			

				

					10-15
				

			

		

		

			
				
在Node.js环境中，有多种方式可以获取和输出程序运行的结果。本文将详细讲解三种常见的方法：通过`console.log`输出、通过文件读写交互以及通过启动HTTP服务接收HTTP请求。这些方法在不同的场景下各有优势，理解并...

			
		

	





	

		

			

				
					
Javascript定义类（class）的三种方法详解

				
			

			

				

					10-24
				

			

		

		

			
				
本文将详细解释三种在JavaScript中定义类的方法：构造函数法、Object.create()法以及极简主义法。  1. 构造函数法  构造函数法是最常见的模拟类的方式，通过使用函数作为类的模板。构造函数通常以大写字母开头，表示...

			
		

	





	

		

			

				
					
json解析的三种方式

				
			

			

				

					04-27
				

			

		

		

			
				
本篇文章将详细阐述JSON解析的三种主要方式，帮助你更好地理解和掌握JSON数据处理。  ### 1. JavaScript原生解析  在浏览器环境中，JavaScript提供了内置的JSON对象，包含`parse()`和`stringify()`两个方法，用于...

			
		

	





	

		

			

				
					
JavaScript常用截取字符串的三种方式用法区别实例解析

				
			

			

				

					10-18
				

			

		

		

			
				
在JavaScript中，截取字符串是常见的操作，有三种主要的方法：`substring()`、`slice()` 和 `substr()`。这些方法都是用来从一个字符串中提取一部分并返回新的字符串，但它们在处理参数和负值时有不同的行为。下面...

			
		

	





	

		

			

				
					
js输出语句

				
			

			

				

					2302_76143886的博客
				

				

					01-17
					
					2681
					
				

			

		

		

			
				
本文目录

1. 前言
	2. 弹窗输出
	3. 网页内容输出
	4. 控制台输出
	5. 小结


1. 前言

之前我们只讲过一个JS语句：alert，用于弹窗显示信息。一般这种程序显示信息的语句，可以称之为输出语句，意思是程序输出信息给用户看。

JS常用的输出语句有3种，今天逐一介绍下。

2. 弹窗输出

可以使用alert()语句进行弹窗输出，括号中间的内容，即为弹窗显示的信息。此处需要格外注意的是，如果输出数字，可以直接写到括号中，如果要输出英文字母或者汉字，则需要使用双引号将英文或汉字包

			
		

	





	

		

			

				
					
JS的输出的三种方式

				
			

			

				

					weixin_47325706的博客
				

				

					04-07
					
					2229
					
				

			

		

		

			
				
1.alert（‘输出的内容’）

在浏览器中弹出一个对话框，展示想要输出的内容，例如：


alert('你好啊JavaScript')



2.document.write('输出的内容')

直接在页面输出内容，例如：


document.write('你好啊JavaScript')



3.console.log('输出的内容')

在控制台输出内容，例如：


console.log('你好啊JavaScript')




...

			
		

	





	

		

			

				
					
js输出方式

				
			

			

				

					qq_64156125的博客
				

				

					11-26
					
					964
					
				

			

		

		

			
				
属性寻找id值相同的 HTML 元素。innerHTML 属性定义替换 HTML 内容。结果为：显示一个按钮，点击触发事件，html文档流中会出现结果为11；请通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”如需访问 HTML 元素，innerHTML需要配合。将删除所有已有的 HTML，上例表现为按钮消失。注意：在 HTML 文档完全加载后使用。结果为窗口弹窗为 11；能够使用警告框来显示数据。在浏览器中，您可使用。

			
		

	





	

		

			

				
					
JavaScript的输出方式与入口函数

				
			

			

				

					yy188550823的博客
				

				

					04-11
					
					356
					
				

			

		

		

			
				
JavaScript的输出方式
1文档输出  document
document.write("这是通过document.write输出的内容")

2.控制台输出  console
console.info("这是控制台输出的信息");

console.warn("警告","这是控制台输出的警告");

console.error("错误","这是控制台输出的错误");

3.窗口输出  window
window.alert("这是警告框");

window.confirm("这是确认框");

w

			
		

	





	

		

			

				
					
JavaScript 三种输出方式

				
			

			

				

					weixin_56301399的博客
				

				

					10-23
					
					3285
					
				

			

		

		

			
				
javascript 输出的三种方式

			
		

	





	

		

			

				
					
JS 的输出方式

				
			

			

				

					Webwangbo的博客
				

				

					06-08
					
					3059
					
				

			

		

		

			
				
js入门基础#简单上手#新手教程#

			
		

	





	

		

			

				
					
JS的三种输出方式

					
热门推荐

				
			

			

				

					sweetllh的博客
				

				

					04-15
					
					6万+
					
				

			

		

		

			
				
1.window.alert(”)，弹框效果，window可省略。弹出比较突然，用户的体验不好，基本用来测试代码使用。<script type="text/javascript"> 
    /*
     *  window.alert()  把小括号里的内容，以弹窗的方式显示出来
     * window是BOM对象，指的是整个浏览器，可以省略不写
     * '我是李康达，我为GDP代言'

			
		

	





	

		

			

				
					
js定义类的三种方法

				
			

			

				

					09-06
				

			

		

		

			
				
在JavaScript中，我们可以使用三种不同的方法来定义类。

1. 构造函数方法：构造函数是一种特殊的函数，用于创建对象并初始化其属性。由于JavaScript中没有类的概念，构造函数被广泛用于创建自定义对象。通过使用"new"关键字调用构造函数，可以创建一个新对象，并将构造函数中定义的属性和方法添加到该对象中。

  示例：
  ```
  function Person(name, age) {
     this.name = name;
     this.age = age;
  }
  
  var person1 = new Person("张三", 25);
  console.log(person1.name); // 输出：张三
  console.log(person1.age); // 输出：25
  ```

2. 原型方法：JavaScript中的每个对象都有一个原型（prototype），原型对象包含共享的属性和方法。我们可以使用原型对象来定义类和共享的属性和方法。通过将属性和方法添加到类的原型对象上，我们可以确保该类的所有实例都可以访问和共享这些属性和方法。

  示例：
  ```
  function Person() {}
  
  Person.prototype.name = "张三";
  Person.prototype.age = 25;
  
  var person1 = new Person();
  console.log(person1.name); // 输出：张三
  console.log(person1.age); // 输出：25
  ```

3. class关键字方法：在ECMAScript 2015（ES6）中，引入了class关键字，使我们能够更方便地定义和使用类。使用class关键字定义的类具有构造函数和原型方法，它们与上述两种方法的实现方式非常相似。

  示例：
  ```
  class Person {
    constructor(name, age) {
      this.name = name;
      this.age = age;
    }
  }
  
  var person1 = new Person("张三", 25);
  console.log(person1.name); // 输出：张三
  console.log(person1.age); // 输出：25
  ```

这些都是在JavaScript中定义类的常用方法，具体选择哪种方法，可以根据个人需求和代码风格来决定。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值