where and how to add JavaScript and JQuery in SharePoint site SharePoint Online

Today I am writing about where and how to add JavaScript and JQuery in SharePoint site. As we know the use to script and specially adding any script on SharePoint page will make lot of task and easy and understandable to use and process.

Just for example: if we have a list with multiple PDP page and it will show very odd for together on the same page, we need to always scroll down all page to select particular PDP.

With the help of script we can see in the categories view and can access very easily. Just for the same will be use TAB code for SharePoint, search more on google page.

http://www.markrackley.net/2015/08/16/sharepoint-tabbed-web-partshillbillytabs-3-0/

So for adding any script on SharePoint online page, follow the below steps:

• Login to the SharePoint site or login to the subsite with user id and password.
• To add any of script on page or any list, PDP we need to edit the page.

• Click on page tab and edit this page or click on setting option and select edit page.

• Once clicked on edit page, it will start edit wizard and here we need to add a web part for script where we can add our code.

• Now add the web part for script to do this go categories of Web part and select media and content, will take script web part from right side of the screen. See below

• Now click on add button to add script edit web part. Wait for some time till that is adding over there.
• Now we can see script editor has been added over here, we will getting option called EDIT SNIPPEST, click on this and add your code.

• Now result will be like below:

Thanks ☺