#contentimages
{
    background-color: grey;
}
.col
{
    float: left;
    text-align: center;
    width: 250px;  
    background-color: #d7dadb;
    border-radius: 10px;
    padding:10px;
    margin: 10px;
}
.col p
{
    text-align: left;
}
.imageCS{
    width: 150px;
    height: 150px;
    opacity: 1;
}
.imageCS:hover {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

var _img3 = document.getElementById(''img3'');
var newImg3 = new Image;
newImg3.onload = function() {
    _img3.src = this.src;
}
newImg3.src = ''https://www.suss.edu.sg/images/default-source/card/home_grad2-optimize.tmb-373_373.jpg?sfvrsn=413c2ef7_1''; 
    
    
 var para = document.createElement("H3");
var node = document.createTextNode("Graduate Programmes");
para.appendChild(node);
var element = document.getElementById("image3");
element.appendChild(para); 
 var para = document.createElement("p");
var node = document.createTextNode("SUSS graduate programmes are structured to hone graduates,giving them a competitive edge as they progress in their careers");
para.appendChild(node);
var element = document.getElementById("image3");
element.appendChild(para);    
/*
var newheading = " <H3>Law Programmes</H3>";
    var newParagraph = document.createElement("p");
    newParagraph.innerHTML = "Our primary focus is to train and produce lawyers for the practice of law in Singapore,particularly in the areas of Criminal Law and Family Law";
    var newImage4 = new Image;
    newImage4.;
    newImage4.src=''https://www.suss.edu.sg/images/default-source/card/home_law2-optimize.tmb-373_373.jpg?sfvrsn=80b4ca55_1 '';
    $("#contentimages").append(newheading,newParagraph,newImage4);
    
    */

div id="contentimages">
            <div id="image1" class="col">
            <img id="img1" class="imageCS"/>
            <H3></H3>
            <p></p>
            </div>
            <div id="image2" class="col">
            <img id="img2" class="imageCS"/>
            <H3></H3>
            <p></p>
            </div>
            <div id="image3" class="col">
            <img id="img3" class="imageCS"/>
            <H3></H3>
            <p></p>
            </div>   
        </div>

解决方法

function createProfileCard(imageurl,image4Desc){
 let parentNode = document.getElementById("contentimages");
 let element = document.createElement("div");
 element.classList.add(''col'');
 element.innerHTML = `<img src=''${imageurl}''/><h3>${image4Heading}</h3><p>${image4Desc}</p>`;
 parentNode.appendChild(element);  
}
let image4url = "https://www.suss.edu.sg/images/default-source/card/home_law2-optimize.tmb-373_373.jpg?sfvrsn=80b4ca55_1";
let image4Heading = "Graduate Programmes";
let image4Desc = "Our primary focus is to train and produce lawyers for the practice of law in Singapore,particularly in the areas of Criminal Law and Family Law";
    
createProfileCard(image4url,image4Desc);

ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction

1.Action、RenderAction加载办法的视图，履行Controller → Model → View的次序，然后把产生的页面带回到本来的View中再回传。而Partial、RenderPartial直接加载视图文件内容

2.Html.Partial可以直接供给用户控件名作为参数，而Html.Action须要有对应的Action，在Action内部返回PartailResult（即retun PartialView（））。

3.对于简单的没有任何逻辑的用户控件，推荐应用Html.Partial；对于须要设置一些Model的用户控件，推荐应用Html.Action。当然，有Model数据也是可以应用Html.Partial办法的，可以看办法的重载。

4.Html.Partial与Html.Action有啥区别呢？区别就是，Html.Partial只有一个视图，而Html.Action除了视图，还真的有个Action跟它对应，所以，Html.Action功能比Html.Partial要强。

如何调用这个Html.Partial

 //1、以视图名使用当前文件夹下的视图（如果没有找到，则搜索 Shared 文件夹）

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

Html.Partial and Html.RenderPartial
Html.Action and Html.RenderAction

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1、带有Render的方法返回值是void，在方法内部进行输出；不带的返回值类型为MvcHtmlString,所以只能这样使用：

     @Html.Partial 对应 @{Html.RenderPartial(....);}@Html.Action 对应 @{Html.RenderAction(....);}

2、Html.Partial可以直接提供用户控件名作为参数，

    而Html.Action需要有对应的Action，在Action内部返回PartailResult(即retun PartialView())。

3、对于简单的没有任何逻辑的用户控件，推荐使用Html.Partial；对于需要设置一些Model的用户控件，推荐使用Html.Action。当然，有         Model数据也是可以使用Html.Partial方法的，可以看方法的重载。

4、使用Html.Action有个好处，就是可以根据不同的场景选择不同的用户控件。比如：@Html.Action("UserInfoControl")在对应的    UserInfoControl这个Action中,在用户未登录的时候，可以retun PartialView("LogOnUserControl");登录后，可以retun  PartialView("UserInfoControl");

AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

如何解决AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

在我的 nodejs 应用程序中使用 html-pdf 包创建 pdf 文件时出现此错误

AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

res.render(''pdf/attend-report'',{ data: attendData,date: `From: ${date(req.body.repFromDate || req.params.from)} To: ${date(req.body.repToDate || req.params.to)} - ${days} days(s)` },function(err,html) {
            pdf.create(html,options).toFile(''../public/pdf-html/attend-report.pdf'',result) {
                if (err) {
                    return console.log(err);
                } else {
                    // console.log(res);
                    var datafile = fs.readFileSync(''../public/pdf-html/attend-report.pdf'');
                    res.header(''content-type'',''application/pdf'');
                    res.send(datafile);
                }
            });
        })

如果我创建 html 链接“const html = fs.readFileSync(''../views/pdf/attend-report.ejs'',''utf8'');”我仍然找不到文件

修复此错误的任何帮助

我们今天的关于添加除法中的所有元素并将其附加到 jquery 而不触及 html的分享已经告一段落，感谢您的关注，如果您想了解更多关于ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf的相关信息，请在本站查询。