小编Mat*_*ics的帖子

如何在同一行上放置多个链接?(HTML5)

我正在尝试将多个链接放在同一行,这样我就可以拥有一整条链接,我试过这个:

<a href="website_homepage.htm"><h2 style="font-family:tempus sans itc;">Home</h2></a> <a     href="website_hills.htm"><h2 style="font-family:tempus sans itc;">Hills Pupil Tailored Website</h2></a>
Run Code Online (Sandbox Code Playgroud)

但是当我测试看它是否有效时,这两个链接是分开的,有没有人知道我怎么能把它们放在同一条线上?

html html5 hyperlink

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

TypeError:Object [object Object],[object Object]没有找到方法

我在一本名为"Sitepoint Full Stack Javascript with MEAN"的书中遵循了一个教程,我刚刚完成了第6章,并且应该创建一个带有"数据库"的"服务器".数据库只不过是一个JSON文档.然而,即使(我可以看到),我的代码是他的直接副本,当我尝试运行它时,我得到标题中提到的错误.这var result = data.find(function(item) {...是导致此问题的原因(位于employees.js中,位于第16行).我看不出还能做什么,希望人们能找到解决问题的方法.

我有几个不同的文件,我用它.

Index.js:

var http = require('http');
var employeeService = require('./lib/employees');
var responder = require('./lib/responseGenerator');
var staticFile = responder.staticFile('/public');

http.createServer(function(req,res) {
    // a parsed url to work with in case there are parameters
    var _url;

    //In case the client uses lower case for methods
    req.method = req.method.toUpperCase();
    console.log(req.method + ' ' + req.url);

    if (req.method !== 'GET') {
        res.writeHead(501, {
            'Content-Type': 'text/plain'
        });
        return res.end(req.method + ' is not …
Run Code Online (Sandbox Code Playgroud)

javascript json node.js mean-stack

3
推荐指数
1
解决办法
1992
查看次数

用于添加表行onclick事件的JavaScript

我是Javascript的新手.我想将onclick事件添加到表行.我没有使用JQuery.

我遍历行并使用闭包来确保每行都有外部函数的状态.循环工作.使用警报,我看到为每次迭代分配的功能.但是当我单击该行时,不会显示任何警报.下面是可以加载的HTML和代码.

为什么表行事件不起作用?

<!doctype html>
<html lang="en">
<body>
<script>
function example4() {
    var table = document.getElementById("tableid4");
    var rows = table.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        var curRow = table.rows[i];
        //get cell data from first col of row
        var cell = curRow.getElementsByTagName("td")[0];
        curRow.onclick = function() {
            return function() {
                alert("row " + i + " data="+ cell.innerHTML);
            };
        };
    }
}
function init() { example4(); }
window.onload = init;   
</script>
<div>
Use loop to assign onclick …
Run Code Online (Sandbox Code Playgroud)

javascript

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

只运行一次javascript函数

我有这个简单的javascript函数:

<script type="text/javascript">
    var popup = '0';
    if(popup == '0') {
       $(document).ready(function () {     
            $(document).on('click', '.button', function(){
                  alert('test');
                  popup = '1';
            });
       }); 
    }
</script>

<button class="button">Test</button>
Run Code Online (Sandbox Code Playgroud)

我希望函数仅在第一次单击时发出警报,但它仍然有效,尽管我将值更改popup为1

javascript jquery

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

你能用DOM的setAttribute函数设置多个属性吗?

假设我想使用DOM创建一个输入元素.而不是做这样的事情

var input = document.createElement("input");
input.setAttribute("class", "my-class");
input.setAttribute("type", "checkbox");
input.setAttribute("checked", "checked");
Run Code Online (Sandbox Code Playgroud)

是否有一种DRYer方法将这三行代码写入一行.

我知道你可以做这样的事情

var attributes = ["class", "type", "checked"];
var values = ["my-class", "checkbox", "checked"];

for (var i = 0; i < attributes.length; i++) {
  input.setAttribute(attributes[i], values[i])
end
Run Code Online (Sandbox Code Playgroud)

问题是只有在您需要添加大量属性时才有用.如果你只有两三个,那就更少了.

无论如何我可以干掉这段代码吗?

javascript jquery dom

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

如何在两个字符串上使用 XOR "^"

我有两个字符串:

var temp1 = "6219000041889600";
var temp2 = "FFFFFFFFFFFFFFFF";
Run Code Online (Sandbox Code Playgroud)

我想对这两个进行异或,但是我知道在 JavaScript 中你不能对字符串进行异或,只能对 int 进行异或。

那么有没有办法做到这一点?我知道我可以使用的第一个值:

var temp1_A= parseInt(temp1); //equal to 6219000041889600
Run Code Online (Sandbox Code Playgroud)

然而

var temp1_B= parseInt(temp12,16) // yields 1152921504606847000 
Run Code Online (Sandbox Code Playgroud)

然后执行temp1_A ^ temp1_B收益率1159140504648736600(但这是十进制)并转换回十六进制10161825C85ADF58不是我想要的结果。

它应该是(当两个十六进制都根据Here

6219000041889600 ^ FFFFFFFFFFFFFFFF = 9DE6FFFFBE7769FF`
Run Code Online (Sandbox Code Playgroud)

但是我将如何使用 8 字节的 FF 对这个值进行异或。

javascript

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

Javascript确保三元表达式中值"true"的最佳方法是什么

我使用jslint来检查我的javascript,我得到了一个我无法找到的JSLint错误.
表达式是:

var foo = (bar === true ? true : false);
Run Code Online (Sandbox Code Playgroud)

错误是:

Expected '!!' and instead saw '?'.
Run Code Online (Sandbox Code Playgroud)

表达式的目的是我希望var的值为布尔值true而不是1或"not null"或任何其他"truthy"值.只有值true才会导致赋值为true

表达这一点的最佳方式是什么?

javascript jslint

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

JQuery事件导致页面重新加载.怎么修?

我正在观察onClick事件导致页面重新加载的行为.

$('#target').click(function(){
    $('#target').hide();
})
Run Code Online (Sandbox Code Playgroud)

因此显示了对象,它隐藏了单击,但随后页面重新加载并再次显示对象.我正在建立一个在我之前设置的网站,所以我并不完全了解它的所有部分.知道什么可能导致这种行为以及如何解决它?

html javascript jquery

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

ReferenceError:$未定义jquery mobile

我知道这个问题在各地都有描述和解答,但我找不到我的问题.这是我的代码:

    <!doctype html>
<html>
    <head>
        <title>jQM Complex Demo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
        <script src="script.js" type="text/javascript"></script>
        <!--<meta http-equiv="Content-Type" content="txt/html; charset=utf-8" />

        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>    
        <script src="mobileJquery.js"></script>-->
    </head>
    <body>
        <div>
            <h1><a href="http://www.stronteb.eu">test application</a></h1>
            <p id="testparagraaf">test</p>
            <img src="stront.gif"/>
        </div>

        <!--<script src="script.js" type="text/javascript"></script>-->
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

和script.js:

$( document ).on('pageload', 'index.html', function(e){       
    alert('Pageload');
});
Run Code Online (Sandbox Code Playgroud)

我知道jquery需要在script.js之前加载,这就是这里的情况.我试过把代码放到html中,没用...

谁知道这里的问题是什么?

亲切的问候

javascript jquery-mobile

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

React 和 WebStorm - 预期表达

我有以下代码:

'use strict';

import {LocalizationTextType} from 'spio';

import * as React from 'react';
import * as ReactDom from 'react-dom';

import SimpleFlexBox from '../helpers/SimpleFlexBox';
import MultiLineInput from '../widgets/MultiLineInput';

type SpecialInputFieldPropType = {
}

type SpecialInputFieldStateType = {
    length: number;
}

export default class SpecialInputField extends React.Component<SpecialInputFieldPropType, SpecialInputFieldStateType> {

    constructor (props: SpecialInputFieldPropType) {
        super(props);
    }

    render() {
        return(
            <SimpleFlexBox/>
        );
    }

}
Run Code Online (Sandbox Code Playgroud)

我正在使用带有 TypeScript 和 ES6 类的 React.js 来制作一个组件。

<SimpleFlexBox/>WebStorm IDE 提示以下错误;

Expected > '预期的表达'

我之前成功地使用了这个约定,没有这个问题 - 是否可以从上面的代码中看出是什么导致了这个问题?

typescript reactjs

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