Простой Sharepoint 2013 Java Script в редакторе содержимого

Я хотел бы встроить HTML в SharePoint 2013, который создает две гиперссылки с использованием JavaScript.Простой Sharepoint 2013 Java Script в редакторе содержимого

В качестве примера я хотел бы страницу последующих двух звеньях:

Нажмите здесь, чтобы для страниц. Нажмите здесь для документов

<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

Самый простой способ сделать это - назначить каждой ссылке идентификатор, чтобы вы могли назначить их переменным в 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>

EDIT: Я бросил сценарий в тег сценария внутри HTML. Не уверен, что это то, о чем вы просили, но вот как их объединить. Вот живой пример:

источник

2016-12-14 22:23:28

Поскольку я новичок в этом, вы сможете связать два фрагмента кода вместе, чтобы я мог видеть, как они будут работать вместе? –

Отлично. Именно то, что я хотел. Благодаря! –

Для ответа на все вопросы, которые были заданы в веб-части SharePoint Content Editor, я использовал следующий код.

<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

Простой Sharepoint 2013 Java Script в редакторе содержимого

ответ

Смежные вопросы