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

我想将HTML嵌入SharePoint 2013中，该脚本使用JavaScript创建两个超链接。Simple Sharepoint 2013内容编辑器中的Java脚本

举个例子，我想后续页面两个链接：

点击此处的网页。 点击这里的文件

<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的经验，但从例子中学习最好。我做了很多调查，但找不到像这样的简单例子。

在此先感谢。

来源

2016-12-14 Simon Darlow

最简单的方法是为每个链接指定一个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/

来源

2016-12-14 22:23:28

由于我是新来的，你会能够将两个代码片段连接在一起，所以我可以看到他们将如何一起工作？ –

太好了。正是我想要的。谢谢！ –

只是为了完成答案我的原始问题在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对象不存在工作必须出现。

来源

2016-12-15 21:09:50

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

回答

相关问题