Как отформатировать всплывающий текст в сценарии Java?

Question

Я хочу отформатировать всплывающий текст с помощью сценария Java. но не в состоянии это сделать. Я сделал как следует -

 `var str =  "Your changes won\'t be saved. Please press 'Cancel' to stay on the same page or 'OK' to continue.";
var strbold = str.bold()`
to show this msg i've done the following in the code 
       `       var retval=confirm(strbold);
               if(retval==true){
               isDirty = false;
               $(this).trigger( "click" );`

но в выводе вместо msg жирным шрифтом это выглядит как <b>Your changes won't be saved. Please press 'Cancel' to stay on the same page or 'OK' to continue.<\b>

так как отформатировать всплывающий текст? PS Я хочу, чтобы текст выделен жирным шрифтом.

Answer 1

str.bold() Метод поддерживается не всеми распространенными браузерами, однако вы можете использовать что-то вроде этого

function popup(t){
    function destroy(){
        document.getElementsByClassName("rtPopup")[0].remove()
        document.getElementsByClassName("rtPopupBack")[0].remove()
    }
    var d1=document.createElement("div");
        d1.className="rtPopup"
        d1.innerHTML="<div class='rtPopupX'>X</div>"+t
    var d2=document.createElement("div");
        d2.className="rtPopupBack"
    document.getElementsByTagName("body")[0].appendChild(div1)
    document.getElementsByTagName("body")[0].appendChild(div2)
    var c=document.getElementsByClassName('rtPopupX')
    for(var i=0;i<c.length;i++){
        c[i].onclick=function(){destroy()}
    }
    document.onkeydown=function(e){
        if(e.keyCode==27){
            destroy()
            document.onkeydown=function(e){}
        }
    }
    return{
        destroy:function(){destroy()}
    }
}

Он использует расширенный объект DOM, важным расширением которого является следующее

Element.prototype.remove=function(e){
    for(var i=e.length-1;i>=0;i--){
        e[i].parentNode.removeChild(e[i])
    }
}

Он принимает ввод в виде строки HTML и отображает его как предупреждение, вам нужно добавить кнопки самостоятельно. Это требует немного CSS

.rtPopup{
    position:fixed;
    top:12.5%;
    left:12.5%;
    height:75%;
    width:75%;
    z-index:1000;
    border-radius:4px;
    background-color:#F9F8F0;
    margin:4px;
}
.rtPopup *{
    margin:5px;
    margin-top:30px;
}
.rtPopupX{
    position:absolute;
    right:5px;
    top:-25px;
    -moz-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
}
.rtPopupBack{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:black;
    opacity:0.5;
    z-index:999;
}

Это из API, над которым я работаю, так что не стесняйтесь использовать его где угодно.