Question

我想在使用JavaScript创建两个超链接的SharePoint 2013中嵌入HTML。

作为一个例子，我希望以下页面包含两个链接：

点击此处获取页面。 点击这里了解文件

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<a href="http://example.com/Pages">Click Here</a> for pages.<a href="http://example.com/Documents">Click Here</a> for Documents.
</body>
</html>

我想要javascript的原因是我最终会扩展它以动态生成具有不同链接的URL。

我没有JavaScript的经验，但从示例中学到了最多。我做了很多调查，但找不到这样一个简单的例子。

提前致谢。

Answer 1

最简单的方法是为每个链接分配一个ID，以便您可以将它们分配给JavaScript中的变量，然后修改每个链接的href属性。从那里你可以硬编码或通过AJAX加载。以下是如何对它们进行硬编码。

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
        /*These variables allow you to reference and manipulate the specfic DOM elements 
          (ie. the a tags we gave ID's of link1 and link2)*/
        var link1 = document.getElementById('link1'),
            link2 = document.getElementById('link2');

            link1.href = 'http://example.com/Pages';
            link2.href = 'http://example.com/Documents';
    </script>
</head>
<body>
    <a id="link1" href="">Click Here</a> for pages.<a id="link2" href="">Click Here</a> for Documents.
</body>

编辑：我将脚本放入HTML内部的脚本标记中。不确定这是不是你问的问题，但这是如何将它们整合在一起的。这是一个实例： https://jsfiddle.net/h1b4a3gb/

Answer 2

为了完成我在SharePoint内容编辑器Web部件中运行此问题的原始答案，我使用了以下代码。

<a id="link1">Click Here</a> for pages.<a id="link2">Click Here</a> for Documents. 
<script type="text/javascript">
        var link1 = document.getElementById("link1"),
            link2 = document.getElementById("link2");

        link1.href = "http://example.com/Pages";
        link2.href = "http://example.com/Documents";
</script>

这里的关键区别是脚本必须出现在链接定义之后，否则它将不起作用，因为DOM对象不存在。

内容编辑器中的简单Sharepoint 2013 Java脚本

2 个答案: