how to open new tab and insert content in it using javascript?

I have done similar work in the past, you need to do two steps in it.

1. Open another tab using window.open using target as _blank
2. Call html/pdf url in it

In this way you will be able to bypass pop-up message of browser also, so your code can be

//remember this button click should be by user, otherwise, you will get pop-up 
 $('.button').click(function (e) {

//open new blank tab 
authWindow = window.open('about:blank', '_blank');

//place your html/pdf url in it
authWindow.location.replace('/pdfview/111/view'); // here '/pdfview/111/view' is url to fetch data for window

});

Please, do remember , the above button click should be by user otherwise you will get browser pop-up message