小编mpl*_*jan的帖子

我需要jday在javascript中进行计算,对于客户端验证,任何人都可以帮助我如何计算JDAYjavascript或脚本以将给定的JDAY更改为实际日期,反之亦然.

要知道什么是JDay,我找到了以下网站,

http://www.pauahtun.org/Software/jday.1.html

我也参考以下网站进行JAVA中提到的计算

http://www.rgagnon.com/javadetails/java-0506.html

先感谢您

我想在仅使用Javascript点击眼睛图标时创建密码切换功能.我已经为它编写了代码,但它只用于显示密码文本,而不是相反.有人可以在下面的代码中看到逻辑错误.

HTML代码:

function show() {
  var p = document.getElementById('pwd');
  p.setAttribute('type', 'text');
}

function hide() {
  var p = document.getElementById('pwd');
  p.setAttribute('type', 'password');
}

function showHide() {
  var pwShown = 0;

  document.getElementById("eye").addEventListener("click", function() {
    if (pwShown == 0) {
      pwShown = 1;
      show();
    } else {
      pwShow = 0;
      hide();
    }
  }, false);
}

Javascript代码:

<input type="password" placeholder="Password" id="pwd" class="masked" name="password" />
<button type="button" onclick="showHide()" id="eye">
  <img src="eye.png" alt="eye"/>
</button>

我只是想创造这样的东西:

<strong>blah blah</strong>

我一直试图这样做很长一段时间虽然由于某种原因,每当我把代码和预标记他们没有做他们应该做的事情.他们没有格式化内容 - 我没有看到任何格式,虽然标签没有出现.例如,我写道:

<pre><b>abc</b></pre>

abc看起来不是大胆的,但我看不到标签本身.我怎样才能做到这一点？我不想使用像&fdaf这样的实体; 因为我没有写入传入的文本

UPDATE 从 @BrendanEich

提交的@mplungjan onclick就是一个按钮; 表格onsubmit显然更好.

哪个是使用提交按钮的onclick来确定是否应该提交表单的原因？

我坚信这一点

1. 在提交之前执行某些操作并在发生错误时取消提交,表单的onsubmit事件显然是放置它的地方
2. 如果您使用提交按钮的onclick并稍后决定使用type ="image",则事件处理程序将在许多浏览器中失败
3. 如果将提交更改为按钮,则还必须向onclick事件处理程序添加提交.

我正在寻找有理由倾向于在表单的onsubmit上使用提交按钮的onclick事件.

更新:请注意,我个人非常了解表单提交和验证方面的许多问题.
例如,通过javascript提交不会触发onsubmit http://jsfiddle.net/mplungjan/3A4Ha/

<form onsubmit="alert('onSubmit called')">
    <input type="text" value="This will submit on enter but in IE the onclick is not triggered" style="width:100%"/><br/>
    <input type="submit" onclick="alert('Clicked')" />
</form><br />
<a href="#" onclick="alert('Submitting by script'); return false">Submit by script will not trigger onsubmit</a>

如果你在我的小提琴中点击输入,IE也不会触发onclick

历史:

在这里进行讨论

没有被禁用,html按钮无法点击

我非常不喜欢使用任何提交按钮的onclick,因为很多¹年后看到它在许多浏览器中都不起作用,主要是旧版本的IE.我列举了一些显而易见的原因,但我相信他们不会说服强硬的用户.

SO的社区可以帮助我把这个钉在墙上,就像钉在学校里一样吗？也可以随意评论如何以可接受的方式表达这个问题.

^{1:自NS2.x和IE3.02以来的日子}

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=7487871339000666216" />

如何在不使用任何JavaScript库的情况下获取此链接标记的href属性？

现在我正在使用下面的代码来实现这一目标,但我想知道是否有更简单的解决方案.

var links = document.getElementsByTagName("link");
for (i in links){
    var title = links[i].getAttribute("title");
    if ( title == "RSD"){
        var href = links[i].getAttribute("href");
        break;
    }
}

当我按下登录按钮时,会显示一个弹出窗口.

在该弹出窗口中,我需要在登录输入字段上进行默认自动对焦.我能用HTML5/CSS实现吗？

的jsfiddle

<div class="main">
    <div class="panel"> <a href="#login_form" id="login_pop" onclick="">Log In</a>

    </div>
</div>
<!-- popup form #1 --> <a href="#x" class="overlay" id="login_form"></a>

<div class="popup">
     <h2>Welcome Guest!</h2>

    <p>Please enter your login and password here</p>
    <div>
        <label for="login">Login</label>
        <input type="text" id="login" value="" autofocus />
    </div>
    <div>
        <label for="password">Password</label>
        <input type="password" id="password" value="" />
    </div>
    <input type="button" value="Log In" /> <a class="close" href="#close"></a>

</div>

我正在尝试更改像这样的CSS属性.

-moz-border-radius

像这样的JavaScript CSS属性.

MozBorderRadius

我正在使用这个RegExp.

var exp = new RegExp('-([a-z])', 'gi');
console.log('-moz-border-radius'.replace(exp, '$1'));

我需要做的就是将1美元转换为大写,这样它就可以将我的CSS属性变成一个基于JavaScript的属性(是的,我把这个词改了......).这可能吗？

谢谢.

设置非常简单：

const input = window.document.getElementById('Input');
input.value = "foobar"
console.log(input.checkValidity());

<input id="Input" type="text" minlength="8" required />

以下内容true在应该返回时返回false。参见https://jsbin.com/huqowesewu/edit?html,输出

这到底是为什么？输入的长度为 6，小于 8，因此它应该是无效的。但事实并非如此。这个属性是不是坏了？或者checkValidity()坏了？至少可以说我很困惑。

在等待响应式设计进入遗留网站的过程中,如果屏幕小于480px,我想将浏览器重定向到移动版本

狩猎我想出来了

var isSmall = window.matchMedia ? 
              window.matchMedia("screen and (max-width: 480px)") : 
              screen.width<=480;

题

这在2014年是否可以接受,或者是否有更好/更安全/更新的方法来做我想要的而不使用useragent嗅探？

参考

• MDN Window.matchMedia

• 使用window.matchMedia()在JavaScript中使用JavaScriptKit CSS媒体查询进行匹配

• QuirksMode screen.width没用(因此添加了matchMedia)

我正在使用mermaid库来构建流程图。其工作原理是在块内有一个伪代码 - 特殊语法的命令，在此基础上在块中构建流程图。

我希望能够动态更改块的内容，并且脚本每次都会重建框图。

我应该如何设置初始化？也许我应该在设置中添加一些回调函数？

我是这样初始化的：

mermaid.init({/*what setting parameters should be here?*/}, ".someClass"/*selector*/);\n

但该脚本不会\xe2\x80\x99t 呈现任何新命令。它仅呈现加载文档时存在的命令。

换句话说，我想在线编辑流程图。

mermaid.init({/*what setting parameters should be here?*/}, ".someClass"/*selector*/);\n

function edit() {\n  const new_mermaid = document.createElement("div");\n  new_mermaid.classList.add("mermaid");\n  new_mermaid.classList.add(".someClass");\n  /*new_mermaid.innerHTML =\n            `graph TD\n   1[point 1] --> 2[point 2]`;*/\n  // it doesn\'t work when I append the new   element dynamically! \n  new_mermaid.innerHTML = document.querySelector(".mermaid").innerHTML;\n  // it works always.\n  document.body.append(new_mermaid);\n  /* document.querySelector(".mermaid").innerHTML = \n            `\n    graph TD\n …