java拼接html(innerHTML)导致未结束的字符串常量

最新推荐文章于 2022-07-27 11:51:43 发布
最新推荐文章于 2022-07-27 11:51:43 发布
阅读量1.8k 收藏
点赞数
分类专栏： jsp 文章标签： 未结束的字符串常量 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u011054048/article/details/42107253
版权

错误：未结束的字符串常量

背景：我用的java在后台进行html的拼接，然后通过dwr传递到前台，使用innerHTML进行渲染，可每当碰到用空格或换行总会报这个错

出现的位置：

<pre name="code" class="html">str.append("<a href=javascript:fillDataToField('").append(name).append("')>");

 当name中有空格的时候，fillDataToField总是通过不了，在网上找了半天，有的人说什么单引号/双引号没有配对，又说是什么编码问题，我都把这些都试了一遍，结果还是没用，之后突然发现我的href怎么没有用双引号包起来啊，没想到加了双引号，竟然通过了，惊喜啊，对了，不要忘记双引号也是要转义的，应该是 
\" 

 

解决后的代码：
 
 

 

str.append("<a href=<span style="color:#FF0000;">\"</span>javascript:fillDataToField('").append(name).append("')<span style="color:#FF0000;">\"</span>>");
 

 

所以啊，以后还是得细心，嘿嘿
 

                

        

    

  



    


                



	

		

			

				
					
ES6: 模板字符串

				
			

			

				

					gao_zhennan的博客
				

				

					07-07
					
					1万+
					
				

			

		

		

			
				
模板字符串主要用于插入表达式！

			
		

	



                

            
              



	

		

			

				
					
前端速成教程（HTML、CSS、JS、Vue…）

				
			

			

				

					https://www.hyperplasma.top
				

				

					05-06
					
					3608
					
				

			

		

		

			
				
JavaWeb开发 SSM框架基础 前端速成——HTML、CSS、JS、Vue、Ajax、前端工程化。Web技术教程：W3Schoo。Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上。Vue-cli是Vue官方提供的一个脚手架，用于快速生成Vue项目模板。

			
		

	



              


  
              

                


	

		

			

				
					
java实现js、css、图片合并到html文件

				
			

			

				

					08-18
				

			

		

		

			
				
技术点：1、使用htmlparser解析html文件，得到html代码里的js、css、img链接  2、将相对路径的链接转变成绝对路径，并读取资源 3、将css和js合并到html 4、将图片转换成base64编码，写入标签的src

			
		

	





	

		

			

				
					
innerHTML字符串拼接

				
			

			

				

					weixin_30786657的博客
				

				

					09-28
					
					725
					
				

			

		

		

			
				
通过innerHTML的方式一般来说比通过构造节点的方式效率高的多，不过构造innerHTML字符串的过程也是一个值得优化的过程。比如我现在要通过一个数组，来拼接100个列表项的innerHTML， 我们可以有几种不同的方式来构造，但是效率上可能会不同。我们先构造一个数组用于待会要拼接的数据//构造100条数据vardatas=[];for(vari=1;i<=10...

			
		

	



		

			
		



	

		

			

				
					
innerHTML动态拼接html,innerHTML动态添加html代码和脚本兼容多个浏览器

				
			

			

				

					weixin_35754676的博客
				

				

					06-09
					
					1571
					
				

			

		

		

			
				
innerHTML动态添加html代码和脚本兼容多个浏览器发布于 2017-02-04 10:36:56 | 94 次阅读 | 评论: 0 | 来源: 网友投递JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户...

			
		

	





	

		

			

				
					
innerHTML拼接效率测试（72）

				
			

			

				

					weixin_45147894的博客
				

				

					07-10
					
					399
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>效率测试</title>
</head>

<body>
</body>
<script>
    function fn() {
        var d1 = +new Date();

        var str ...

			
		

	





	

		

			

				
					
JavaScript-180：innerHTML拼接效率测试

				
			

			

				

					臧小川的博客
				

				

					01-20
					
					365
					
				

			

		

		

			
				
效果图

        function fn()
        {
            var dl = +new Date();
            console.log(dl);
            var str = '';
            for (var i = 0; i < 1000; i++)
            {
                document.body.innerHTML += '<div style="width:100px

			
		

	





	

		

			

				
					
vue中如何实现变量和字符串拼接

				
			

			

				

					08-30
				

			

		

		

			
				
在Vue.js框架中，字符串和变量的拼接是常见的需求，尤其在动态生成HTML内容、显示用户信息或者处理数据时。Vue提供了多种方法来实现这一功能。以下将详细讲解在Vue中如何进行变量与字符串的拼接。  首先，我们要了解...

			
		

	





	

		

			

				
					
JAVA面试、笔试题

				
			

			

				

					weixin_45689111的博客
				

				

					04-20
					
					1万+
					
				

			

		

		

			
				
@[TOC]目录
JAVA面试、笔试题
@目录 一、 CoreJava部分	7
1. java中有哪些基本类型？	7
2. java反射	7
3. 易错,理解题	7
4. Java有几种创建对象的方法?	8

java为什么能够跨平台运行？	8
整型数据转换成字符串的方式？	8
String是基本数据类型吗？我可不可以写个类继承于String？	8
谈谈&和&&的区别？	8
Switch语句里面的条件可不可以是byte、long、String？使用时候还应注意什么？	8
short 

			
		

	





	

		

			

				
					
JavaStudy总结

				
			

			

				

					weixin_45603397的博客
				

				

					07-27
					
					367
					
				

			

		

		

			
				
S建表，明确属性；Mysql可以使用工具类JDBCUtil。（包含连接数据库的静态方法，异常抓取和关闭全部链接connection之类的）创建pojo文件，写清私有属性（和数据库对应好），setget方法写全；明确对数据的操作，具体是什么如何实现，创建servlet文件，对应操作写方法。先创建值为空的connection，statement写出对应的jsp，传值取值要注意。......

			
		

	





	

		

			

				
					
java代码生成html文件

				
			

			

				

					06-19
				

			

		

		

			
				
java生成静态html代码 一个简单的实例 自己去扩展

			
		

	





	

		

			

				
					
java 拼接html_程序员用1.5小时写出的Java代码，让同事瞠目结舌！直呼优秀

				
			

			

				

					weixin_29065959的博客
				

				

					12-26
					
					500
					
				

			

		

		

			
				
1.曾经不止一次在生产中见过类似这样的代码：这有很多变种，例如用 Integer.valueOf(1)、 (Integer)1 之类的，那些细节都不重要。重要的是：凭空用一个 Integer 对象作为锁对象。2.AbstractComponentBuilderTemplateFactory3.HelloWorld.java4.第一次知道原来java是支持中文的类名和方法名的输出 -> 李四的...

			
		

	





	

		

			

				
					
java后台拼接html

					
热门推荐

				
			

			

				

					我的博客
				

				

					11-24
					
					1万+
					
				

			

		

		

			
				
java后台拼接html

			
		

	





	

		

			

				
					
javaScript点击按钮innerHTML字符串拼接

				
			

			

				

					weixin_52309490的博客
				

				

					04-04
					
					1204
					
				

			

		

		

			
				
*{
            padding: 0;
            margin: 0;
        }
        div{
            width: 50px;
            margin: 0 auto;
        }
        button{
            cursor: pointer;
        }
        ul{
            margin-top: 5px;
            list-style: 

			
		

	





	

		

			

				
					
脚本报错 未结束的字符串常量 可能导致的原因

				
			

			

				

					weixin_38025599的博客
				

				

					05-27
					
					899
					
				

			

		

		

			
				
某医疗系统软件

情况：单独某个病人选中进来后会出现脚本报错



其他病人并没有发生未结束字符串常量报错

原因：由于系统用的还是jsp

java变量中 如果存在换行符 如

  v111

2222

这种中间换行了的数据

jsp最后输出的html 也是换行的就会导致这个表报错



解决办法：

String importDiagSnStr = aaa.replaceAll("\\s*|\r|\n|\t","");

替换掉换行符报错解决
...

			
		

	





	

		

			

				
					
12-1.js基础之字符串拼接及innerHTML和value的区别

				
			

			

				

					常蓬的博客
				

				

					07-27
					
					510
					
				

			

		

		

			
				
文章目录一.字符串拼接及单双引号的应用二.补充:innerHTML及块级元素的拼接(字符串的拼接)重要
一.字符串拼接及单双引号的应用

字符串拼接



+两边只要有一边是字符，就是拼接




如果给两个字符之间，放个+号，就拼接了




切记：变量不能加引号中，放在引号中就变成了字符





<!-- 在数组后面讲的 -->
var a = "hello";
var b = "world";

输出： hello,world!
字符串拼接用 +  来完成
console.log( a 

			
		

	





	

		

			

				
					
后端拼接html代码发送给前端显示

				
			

			

				

					Renyun_的博客
				

				

					03-02
					
					1711
					
				

			

		

		

			
				
后端可以用StringBuffer拼接html代码，注意拼接过程中小心使用转义符，之前做项目的时候就是用了转义符的原因导致前端拿不到数据

一、后端拼接代码:



private StringBuffer getTable() throws ParseException {
		ITfmUserProfile user = getCurrentUser();
		StringBuffer sb =	new StringBuffer();
		if(user.getRoleId().equals("xxx.

			
		

	





	

		

			

				
					
后台拼接html代码在不同浏览器下显示的问题

				
			

			

				

					tjdy7707的专栏
				

				

					06-13
					
					3436
					
				

			

		

		

			
				
后台拼接HTML代码前台执行时，在不同浏览器版本下出现的问题

			
		

	





	

		

			

				
					
在js中拼接html报错问题记录

				
			

			

				

					qq_33380252的博客
				

				

					01-25
					
					1088
					
				

			

		

		

			
				
在js中拼接html时报错,错误记录和错误信息如下

1、htmlStr+='&lt;a href="javascript:void(0)" style="position: absolute;left: 8px;" onclick="save('"&lt;%=item.AFFAIRCODE %&gt;"')"&gt;添加&lt;/a&gt;&lt;/td&gt;'

			
		

	





	

		

			

				
					
js字符串拼接空格

					
最新发布

				
			

			

				

					03-22
				

			

		

		

			
				
### JavaScript 中字符串拼接时添加空格的方法

在 JavaScript 中，可以通过多种方式实现字符串拼接并添加空格。以下是几种常见的方法及其具体应用：

#### 1. 使用加号 (`+`) 运算符
通过简单的加法运算符可以在两个字符串之间手动插入空格。

```javascript
var str1 = "hello";
var str2 = "world";
console.log(str1 + " " + str2); // 输出: hello world
```

这种方法直观且易于理解，适用于大多数场景[^1]。

#### 2. 使用模板字符串 (Template Literals)
模板字符串允许直接嵌入变量，并支持多行文本以及复杂的表达式处理。为了在模板字符串中添加空格，可以直接写入所需的空白字符。

```javascript
let greeting = "hello";
let target = "world";
console.log(`${greeting} ${target}`); // 输出: hello world
```

如果需要连续多个空格，则只需按照需求书写即可[^3]。

#### 3. 利用 concat() 方法
虽然 `concat()` 不像其他两种方式那样常用作日常开发工具之一，但它仍然提供了一种清晰的方式来连接字符串。要加入额外的间隔符（如空格），需显式指定它作为参数的一部分。

```javascript
const partOne = 'This';
const partTwo = 'is a sentence.';
const fullSentence = partOne.concat(' ', partTwo);
console.log(fullSentence); // This is a sentence.
```

此技术特别适合那些希望保持代码风格一致性的开发者们[^2]。

#### 特殊情况下的考虑事项
当涉及到特殊类型的空白——比如不间断空格(non-breaking space)，就需要采用 Unicode 编码形式`\u00A0`来表示这种不可见却有效的分隔手段:

```javascript
let textWithNbsp = `${'word'}\u00A0${'another word'}`;
document.body.innerHTML += `<p>${textWithNbsp}</p>`;
// 显示效果类似于 “word another word”，但这里的空格不会被浏览器折叠成单一标准间距。
```

上述例子展示了即使是在 HTML 渲染环境中也能维持特定格式布局的可能性。

综上所述，在 JavaScript 中执行字符串操作时有诸多途径可供选择；无论是基础还是高级技巧都能满足不同层次的需求。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值