相关疑难解决方法(0)

一个更优雅的多行javascript字符串方法

我知道如何在不使用+ =的情况下打印大字符串的唯一方法是使用\ backslashes.丑陋!

<div id="foo"></div>
<script type="text/javascript">
var longString = '<div id="lol">\
        <div id="otherstuff">\
            test content. maybe some code\
        </div>\
    </div>';

document.getElementById('foo').innerHTML = longString;
</script>
Run Code Online (Sandbox Code Playgroud)

有没有办法在longString没有污染的情况下这样做?php有$ foo ='''长多行字符串'''; 我想在javascript中使用它!

有人知道在javascript中打印长,多行字符串的更好方法吗?

javascript

8
推荐指数
1
解决办法
6009
查看次数

Greasemonkey,覆盖网站功能

我已经阅读了很多,现在已经尝试将这项工作完成约5个小时......所以现在就是这样

我想编写一个覆盖函数dummy(){$ .ajax(...)}的脚本; 在网站上.

这是我试图这样做的方式

unsafeWindow.dummy = function(data){differantFunction(); $.ajax(...);};

function differantFunction(){
...
}
Run Code Online (Sandbox Code Playgroud)

但是虚拟函数本来可以调用来在原始页面上做某事......现在什么都不做.

//更新

我尝试运行该功能,我试图通过adres栏覆盖以查看错误:(javascript:dummy("..");)

我收到一个错误,告诉我$是未定义但我在网站和用户脚本上有jquery ...我现在迷路了

javascript jquery greasemonkey function

7
推荐指数
1
解决办法
8363
查看次数

内容脚本中的addEventListener不起作用

我有一个带有popup.html和注入内容脚本的chrome扩展.使用注入的内容脚本我试图访问youtube的javascript API函数,除了一个:addEventListener之外它一切正常.

Youtube的javascript API的事件监听器监听要更改的视频的状态.因此,如果到达视频结尾,则状态变为0.

var currentVideo = document.getElementById('movie_player');
currentVideo.addEventListener("onStateChange", "onytplayerStateChange");

function onytplayerStateChange() {
   console.log("The state of the player has changed");
}
Run Code Online (Sandbox Code Playgroud)

这段代码在正常环境中工作正常,但它无法在内容脚本中工作.为什么我不能在内容脚本中捕获更改事件?有任何想法吗?

javascript google-chrome google-chrome-extension youtube-javascript-api

7
推荐指数
1
解决办法
5444
查看次数

使用javascript定义一个长字符串

我有一个简单的问题,我似乎无法弄明白.在下面的代码中,我得到一个错误(test_str未定义),因为定义"var str ="的行分布在两行中.在"狐狸"这个词之后有一个CR LF,我想我的浏览器中的javascript引擎认为我想要一个新的声明.现在当然在这个例子中我可以简单地摆脱回车并把它全部放在一行来修复它.但我的真正意图是在一些生产代码中使用更长的字符串,我真的不想删除所有那些CR LF.

<html>
<head>
<script>
function test_str() {
  str = "  The quick brown 
  fox jumped over the log.";
  alert(str);
}
</script>
</head>
<body>
    <a href='javascript:void(0);' onclick='test_str();'>Test String</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

7
推荐指数
1
解决办法
183
查看次数

在Javascript中使用长字符串文字的最佳方法是什么?

可能重复:
Javascript中的多行字符串

在Ruby中你可以做这样的事情

temp = << - SQLCODE select*from users SQLCODE

这样,您的代码中就会有很长的字符串文字而不必转义大量字符.JavaScript中有类似的东西吗?

目前我有这样的javascript代码,它让我疯狂......

  new Element.update(lightbox_id, " \
    <div id='overlay' class='overlay' > \
    </div> \
    <div id='lightbox' class='lightbox'> \
      <div class='lightbox_title'> \
        <div class='corner_image' onclick=\"close_lightbox();return false;\"><a href='#' >" + corner_image + "</a></div> \
        <div class='lightboxname' id='lightboxname'>" + title + "</div> \
        <div class='close_image'> \
          <a href='#' onclick=\"close_lightbox();return false;\">Close</a> or Escape key\
        </div> \
      </div> \
      <div id='" + lightbox_content_id + "' class='lightbox_content'>    \
      </div> \
      <script>  \
        watch_for_escape(); \
      </script> \ …
Run Code Online (Sandbox Code Playgroud)

javascript ruby ruby-on-rails heredoc

6
推荐指数
1
解决办法
7945
查看次数

store multi-line text in a JavaScript variable

Ho to store multiline text in a javascript variable;

我正在使用PHP为javascript变量赋值.

请参阅下面的示例代码

<html>
 <head>
 <title> New Document </title>
 <?php

  $foo = " this is a 
               multiline statement";
 ?>

 <script> 
  bar = '<?php print $foo;?>';
  alert(bar);
 </script>
 </head>
  <body>
 </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我不想丢失任何空白字符.这怎么办?

javascript

6
推荐指数
2
解决办法
1万
查看次数

如何附加(或其他方法)很多HTML代码?

我需要添加很多HTML代码.为了提高可读性,我不想将它们全部写在一行中,而是将它们分成常规HTML.这将是15个新线或什么的.问题是JavaScript不允许我这样做.

var target = $('.post .comment_this[rel="' + comment_id + '"]').parent().parent();

target.append('
    <div class="replies">
        <p>...</p>
        <img src="" alt="" />
    </div>
');
Run Code Online (Sandbox Code Playgroud)

基本上,我需要在那个地方添加HTML.

我也需要添加一些变量.

html jquery append target

6
推荐指数
1
解决办法
4408
查看次数

元素 &lt;td&gt; 内的自定义占位符未显示

我正在使用 JQuery 动态地将新行添加到表中。
我希望在表格单元格内有一个占位符,当用户单击输入文本时该占位符会消失。
我试图制作可以做到这一点的CSS。

这是 JQuery:

$("#addbutton").click( function(){
    $('#searchresults > tbody:last-child').append('<tr><td> <div contentEditable="true" data-text="Enter Name"></div> </td> \
                                                       <td><div contentEditable="true" data-text="Enter Description"> </div> </td>
                                                   </tr>')
Run Code Online (Sandbox Code Playgroud)

这是CSS:

<style>
[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text)
}
</style>
Run Code Online (Sandbox Code Playgroud)

占位符文本未显示。
有什么建议 ?

我已经更新了问题,以便新行正确拼接在内部字符串中,但.append('')我仍然无法显示文本。我在 El Capitan 上使用 Safari。新行已添加且可编辑,但文本不存在!

行被添加并且也可以编辑。只是文字不可见。

html javascript css jquery

6
推荐指数
1
解决办法
5678
查看次数

哪些浏览器支持多行字符串?

哪些浏览器支持多行字符串?

"foo \
bar"
Run Code Online (Sandbox Code Playgroud)

像往常一样,我不支持它的主要嫌疑是IE.哪个IE版本是第一个支持它?

javascript string cross-browser

5
推荐指数
1
解决办法
5898
查看次数

对象文字语法错误中的JavaScript字符串文字

我试图在数组中放入一些html标记以便稍后检索.我的编辑器在description1行上抛出语法错误,我无法弄清楚原因.任何帮助将非常感激.代码如下.谢谢

var modalcontent = {
  description1 : '<div id = "description"><div class = "tbc">  
  <label class = "tbc" for = "tbc">Description</label>
  </div>
  <div class = "tbc">
  <input type = "text" class = "tbc" name = "description" id = "tbc" placeholder =        "Enter description">
  </div>
</div>
<!--end description div-->'
} 
Run Code Online (Sandbox Code Playgroud)

javascript

5
推荐指数
1
解决办法
3495
查看次数