Javascript 使用连接将图像url设置为背景属性

下面的连接有什么问题

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\"'+ bg +'\") no-repeat;">';
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
});

我的演示在这里

我用

\

跳过了双引号，但似乎无法工作。

试试这个

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';

    alert(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
警报（html）；
});

试试这个

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';

    alert(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
警报（html）；
});

试试这个

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';

    alert(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
警报（html）；
});

试试这个

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';

    alert(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
警报（html）；
});

试试这个：

$(function(){

  var bg = "http://i.imgur.com/kqRNO6M.jpg";
  var html = '<div style=\'background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url("'+ bg +'") no-repeat;\'>';

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
});

并记住将

html

变量附加到某个地方：）

试试这个：

$(function(){

  var bg = "http://i.imgur.com/kqRNO6M.jpg";
  var html = '<div style=\'background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url("'+ bg +'") no-repeat;\'>';

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
});

并记住将

html

变量附加到某个地方：）

试试这个：

$(function(){

  var bg = "http://i.imgur.com/kqRNO6M.jpg";
  var html = '<div style=\'background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url("'+ bg +'") no-repeat;\'>';

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
});

并记住将

html

变量附加到某个地方：）

试试这个：

$(function(){

  var bg = "http://i.imgur.com/kqRNO6M.jpg";
  var html = '<div style=\'background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url("'+ bg +'") no-repeat;\'>';

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
});

---

并记住将

html

变量附加到某个地方：）

您忘记将html内容放入页面：

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('body').append(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'body'）.append（html）；
});

您忘记将html内容放入页面：

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('body').append(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'body'）.append（html）；
});

您忘记将html内容放入页面：

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('body').append(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'body'）.append（html）；
});

您忘记将html内容放入页面：

$(function(){

    var bg = "http://i.imgur.com/kqRNO6M.jpg";
    var html = '<div style="background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('body').append(html);
});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'body'）.append（html）；
});

如果设置背景图像，则必须为div设置宽度和高度

<div class='img'></div>

$(function(){
   var bg = "http://i.imgur.com/kqRNO6M.jpg";
   var html = '<div style="width:300px;height:300px;background-size:cover;background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('.img').html(html);

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'.img'）.html（html）；
});

如果设置背景图像，则必须为div设置宽度和高度

<div class='img'></div>

$(function(){
   var bg = "http://i.imgur.com/kqRNO6M.jpg";
   var html = '<div style="width:300px;height:300px;background-size:cover;background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('.img').html(html);

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'.img'）.html（html）；
});

如果设置背景图像，则必须为div设置宽度和高度

<div class='img'></div>

$(function(){
   var bg = "http://i.imgur.com/kqRNO6M.jpg";
   var html = '<div style="width:300px;height:300px;background-size:cover;background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('.img').html(html);

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'.img'）.html（html）；
});

如果设置背景图像，则必须为div设置宽度和高度

<div class='img'></div>

$(function(){
   var bg = "http://i.imgur.com/kqRNO6M.jpg";
   var html = '<div style="width:300px;height:300px;background-size:cover;background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(\''+ bg +'\') no-repeat;">';
    $('.img').html(html);

});

$（函数（）{
var bg=”http://i.imgur.com/kqRNO6M.jpg";
var html=''；
$（'.img'）.html（html）；
});

console.log（html）

并检查引号；）我很困惑……您设置了一些变量，然后就不使用它们了？

console.log（html）

并检查引号；）我很困惑……您设置了一些变量，然后就不使用它们了？

console.log（html）

并检查引号；）我很困惑……您设置了一些变量，然后就不使用它们了？

console.log（html）

并检查引号；）我很困惑…你设置了一些变量，然后就什么都不做了？当然，你必须以这样或那样的方式使用“html”变量：D只是为了解释如何正确连接这些字符串：）这很有效，但我不理解这里的连接，为什么从一开始就使用escpae？如果在指定属性时转义为“时，可以在字符串中使用纯引号”。我更喜欢这种方式：）当然，你必须以这样或那样的方式使用你的“html”变量：D这只是为了解释如何正确连接这些字符串：）这是可行的，但我不理解这里的连接，为什么从一开始就使用escpae？如果你在指定属性时转义“你可以在字符串中使用纯引号”。我更喜欢这种方式：）当然，你必须以这样或那样的方式使用你的“html”变量：D这只是为了解释如何正确连接这些字符串：）这是可行的，但我不理解这里的连接，为什么从一开始就使用escpae？如果你在指定属性时转义“你可以在字符串中使用纯引号”。我更喜欢这种方式：）当然，你必须以这样或那样的方式使用你的“html”变量：D这只是为了解释如何正确连接这些字符串：）这是可行的，但我不理解这里的连接，为什么从一开始就使用escpae？如果你在指定属性时转义“你可以在字符串中使用纯引号”。我喜欢这样：）